Qt Qss 渐变颜色设置

1.渐变颜色设置有：qlineargradient（线性渐变颜色设置），qradialgradient（辐射渐变），qconicalgradient（圆锥形渐变）。

QLinearGradient：显示从起点到终点的渐变。QRadialGradient：以圆心为中心显示渐变。QConicalGradient：围绕一个中心点显示渐变。QGradient::PadSpread ：填充区域内最接近的停止颜色。这是默认的。QGradient::RepeatSpread : 在区域外继续重复填充。QGradient::ReflectSpread : 在区域外反射填充。

2.渐变过程x1->x2 从左向右渐变;y1->y2 从上向下渐变。如果只有x相等,则表示垂直线性渐变,如果只有y相等,则表示平行线性渐变,否则就是斜角线性渐变。

3.左右渐变，如代码

1 QLabel#label{2 background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0,
3 stop:0 red,stop:1 green);
4 }

4.上下渐变

1 QLabel#label{2 background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
3 stop:0 red,stop:1 green);
4 }

5.左右，上下

1 QLabel#label{2 background-color: qlineargradient(x1:0, y1:0, x2:1, y2:1,
3 stop:0 red,stop:1 green);
4 }

6.x1,x2,y1,y2都是设置成0或者1，颜色都一样是红色

1 QLabel#label{2 background-color: qlineargradient(x1:1, y1:1, x2:1, y2:1,
3 stop:0 red,stop:1 green);
4 }

7.增加多个渐变点

1 QLabel#label{2 background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0,
3 stop:0 red,stop:0.2 blue,stop:0.5 red, stop:1 green);
4 }

8.辐射渐变

以圆心为中心显示渐变。(cx, cy)是中点，半径(radius)是以中点为圆心的圆的半径，(fx, fy)是渐变的起点。

QLabel#label{background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,stop:0 rgba(0, 0, 0, 255),stop:0.19397 rgba(0, 0, 0, 255),stop:0.202312 rgba(122, 97, 0, 255),stop:0.495514 rgba(76, 58, 0, 255),stop:0.504819 rgba(255, 255, 255, 255),stop:0.79 rgba(255, 255, 255, 255),stop:1 rgba(255, 158, 158, 255))
}

9. 圆锥形渐变

在(cx, cy)坐标上以角度(angle)为中心显示渐变。

QLabel#label{background-color: qconicalgradient(cx:0.5, cy:0.5, angle:0,
stop:0 rgba(255, 255, 255, 255), stop:0.373979 rgba(255, 255, 255, 255),
stop:0.373991 rgba(33, 30, 255, 255), stop:0.624018 rgba(33, 30, 255, 255),
stop:0.624043 rgba(255, 0, 0, 255), stop:1 rgba(255, 0, 0, 255))
}

Qt Qss 渐变颜色设置相关推荐

Qt中的颜色设置——Qpalette,Qcolor,Qbrush等
Qt中的颜色设置--Qpalette,Qcolor,Qbrush等一些知识简介 QPalete::Window--通常指窗口部件的背景色: QPalette:WindowText--通常指窗口不见的 ...
html中怎么设置渐变颜色设置,css中渐变色怎么设置
这篇文章主要介绍了css3编写浏览器背景渐变背景色的方法,现在分享给大家,也给大家做个参考. css中渐变色怎么设置 css 给网页中的背景设置渐变色,css的渐变颜色可以指定固定的两个颜色之间的线性 ...
QT chart的颜色设置记录（小白，勿喷）
1.设置柱状图内数据集分类的字体颜色 QChart* mChart = new QChart(); //legend 是数据集分类,chart可操作,不可单独分离 mChart->legend( ...
echarts的渐变色配置 LinearGradient，饼图默认渐变颜色设置不同的角度
// 0, 0, 0, 1 代表右/下/左/上 // offset 范围0-1 表示什么时候开始使用对应颜色 color: new echarts.graphic.LinearGradient( 0, ...
QT网格线的颜色设置
QColor color=curAxis->gridLineColor();color=QColorDialog::getColor(color);if (color.isValid())cur ...
QT中QSS的语法设置【颜色渐变处理】
1.渐变颜色设置有:qlineargradient(线性渐变颜色设置),qradialgradient(辐射渐变),qconicalgradient(圆锥形渐变). 1 QLinearGradient ...
【SeeMusic】音符方块颜色设置 ( 单一颜色设置 | 多彩音符设置 | 定时变色设置 | 渐变颜色 | 分轨道提示 )
SeeMusic 系列文章目录 [SeeMusic]下载安装并注册 SeeMusic 软件 [SeeMusic]购买付费版本 ( 进入购买页面 | 购买流程 ) [SeeMusic]创建 SeeMus ...
qt QProgressBar渐变滚动条
实现渐变滚动条,使用样式实现: 三种渐变样式: qlineargradient(线性渐变颜色设置),qradialgradient(辐射渐变),qconicalgradient(圆锥形渐变).详情. ...
Tableau实用小技巧之——红绿色字体颜色设置
想要在表格中为某列添加正负红绿标识怎么办? Excel的条件格式能够快速简单的为某列数字添加上红绿标识.要在Tableau中实现这个效果,也并不复杂.这次探信君和大家分享在Tableau中为表格数字标 ...

Qt Qss 渐变颜色设置

Qt Qss 渐变颜色设置相关推荐

最新文章

热门文章