[Qt] Qss的三种画刷: 线性渐变(qlineargradien)、径向渐变(qradialgradient)、锥形渐变(qconicalgradient)

475 阅读1分钟

线性渐变(qlineargradien)

background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 1, 
    stop: 0 #ff0000, stop: 0.5 #00ff00, stop: 1 #0000ff);

x1和y1: 渐变的起始点的坐标 x2和y2: 渐变的结束点的坐标 渐变颜色由stop属性定义

上面在渐变的0%出使用红色(#ff0000),在50%处使用绿色(#00ff00),在100%处使用蓝色(#0000ff)

image.png

径向渐变(qradialgradient)

background: qradialgradient(cx: 0.5, cy: 0.5, radius: 0.5,
                x: 0.3, fy: 0.3,
                stop: 0 #ff0000, stop: 0.5 #00ff00, stop: 1 #0000ff);

cx和cy: 渐变中心点的坐标 radius: 渐变的半径 fx和fy: 渐变的焦点的坐标,决定了渐变的起始点 上述示例,在渐变的0%处(中心点)使用红色(#ff0000); 在50%处使用绿色(#00ff00); 在100%(半径的边缘)使用蓝色(#0000ff)

image.png

锥形渐变(qconicalgradient)

background: qconicalgradient(cx: 0.5, cy: 0.5, angle: 45, 
    stop: 0 #ff0000, stop: 0.5 #00ff00, stop: 1 #0000ff);

cx和cy: 渐变的圆心点的坐标 angle: 渐变的起始角度(以度为单位,0表示从x轴正方向开始,逆时针旋转) 上述示例,在渐变的0%处(起始角度)使用红色(#ff0000) 在50%处使用绿色(#00ff00) 在100%处(360度,即一圈)使用蓝色(#0000ff)

image.png