QT QSS渐变色

Qt Qss 渐变颜色设置
渐变颜色设置有：qlineargradient（线性渐变颜色设置），qradialgradient（辐射渐变），qconicalgradient（圆锥形渐变）。

1.左右渐变，如代码

QWidget#mywidget{
background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop:0 red,stop:1 green);
}

2.上下渐变

QWidget#mywidget{
background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
stop:0 red,stop:1 green);
}

3.左右，上下

QWidget#mywidget{
background-color: qlineargradient(x1:0, y1:0, x2:1, y2:1,
stop:0 red,stop:1 green);
}

4.x1,x2,y1,y2都是设置成0或者1，颜色都一样是红色

QWidget#mywidget{
background-color: qlineargradient(x1:1, y1:1, x2:1, y2:1,
stop:0 red,stop:1 green);
}

5.增加多个渐变点

QWidget#mywidget{
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0,
stop:0 red,stop:0.2 blue,stop:0.5 red, stop:1 green);
}

6.辐射渐变

以圆心为中心显示渐变。(cx, cy)是中点，半径(radius)是以中点为圆心的圆的半径，(fx, fy)是渐变的起点。

 QWidget#mywidget{
     background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,
     stop:0 rgba(0, 0, 0, 255),
     stop:0.19397 rgba(0, 0, 0, 255),
     stop:0.202312 rgba(122, 97, 0, 255),
     stop:0.495514 rgba(76, 58, 0, 255),
     stop:0.504819 rgba(255, 255, 255, 255),
     stop:0.79 rgba(255, 255, 255, 255),
     stop:1 rgba(255, 158, 158, 255))
}

7.圆锥形渐变

在(cx, cy)坐标上以角度(angle)为中心显示渐变。

QWidget#mywidget{
background-color: qconicalgradient(cx:0.5, cy:0.5, angle:0,
stop:0 rgba(255, 255, 255, 255), stop:0.373979 rgba(255, 255, 255, 255),
stop:0.373991 rgba(33, 30, 255, 255), stop:0.624018 rgba(33, 30, 255, 255),stop:0.624043 rgba(255, 0, 0, 255), stop:1 rgba(255, 0, 0, 255))
}