Qt QSS（样式表）按钮渐变色设计

目录

代码

说明：

qlineargradient

渐变过程 之x1:0, x2:0, y1:0, y2:1

渐变过程 之stop

rgba

!hover

效果图

---

之前用的渐变色样式表（style sheet），贴在这里方便查找

代码

QPushButton:!hover{
	background-color: qlineargradient(spread:pad,  x1:0, x2:0, y1:0, y2:1,  
                                      stop: 0 rgba(120,120,120,255),
                                      stop: 0.495 rgba(39,39,39,255),
                                      stop: 0.505 rgba(39,39,39,255), 
                                      stop: 1 rgba(120,120,120,255));
	border: none;
	border-radius: 5px;
	color: rgb(255, 255, 255);
	font: 75 12pt "微软雅黑";
}

说明：

qlineargradient

qlineargradient代表线性渐变

qradialgradient代表辐射渐变

qconicalgradient代表扇形渐变，或圆锥式渐变

 

渐变过程 之x1:0, x2:0, y1:0, y2:1

渐变过程：x1->x2：x方向渐变，即从左向右渐变；

                   y1->y2：y方向渐变，即从上向下渐变。

这里

x1:0, x2:0, 说明x方向不做渐变

y1:0, y2:1, 说明y方向做渐变

渐变过程 之stop

stop后面跟着的数字取值范围[0, 1]

stop: 0指起始位置

stop: 0.495与stop: 0.505 指中间位置 

stop: 1 指结束位置

rgba

rgba就是Red, Green, Blue, Alpha(透明度)【一般是[0,256]】

stop: 0        rgba(120,120,120,255) 

!hover

!hover：！是取反的意思

效果图

平常状态：

鼠标放上去：

更多炫酷的颜色可以参考

https://blog.csdn.net/wzs250969969/article/details/78458151