线性渐变(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)
径向渐变(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)
锥形渐变(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)