QT中控件渐变色设置

环境介绍

        系统：Win10 64位

        Qt版本：Qt5.15.2

        编译器：MinGW 64-bit

说明

        控件设置渐变颜色（以widget为例）

效果图

 

代码：

background-color:qlineargradient(x1:0 , y1:0 , x2:1 , y2:0,
                                 stop:0    rgba(0,0,255,0.2),
                                 stop:0.2  rgba(0,0,255,0.5),
                                 stop:0.5  rgba(0,0,255,1),
                                 stop:0.8  rgba(0,0,255,0.5),
                                 stop:1    rgba(0,0,255,0.2) );

代码说明：

设置渐变方向

        x1,x2表示水平方向：x1=0,x2=1（沿水平方向渐变）

        y1,y2表示垂直方向：y1=0,y2=0（垂直方向不变）

stop:0 rgba(255,255,255,0.2)中 stop表示位置（0）；rgba表示颜色（255，255，255）和透明度（0.2）

位置：0-1

透明度：0-1

 

总结

        1.不同位置线性设置颜色的透明度

        2.如果使中间位置最亮 两边对称，stop设置奇数个，中间stop:0.5其他呈对称，rgba(x,x,x,1)，透明度值也对称

参考资料

1.css 两边到中间 渐变_CSS3 渐变_世界在你心里的博客-CSDN博客

2.QSS实践汇总（12）——渐变色qlineargradient讲解_玲玲儿ANLY的博客-CSDN博客_qss渐变色