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渐变色


版权声明:本文为mokemg原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。