Qt之QSS渐变效果

简述

QSS目前支持三种渐变填充：

• qlineargradient （线性渐变）
• qconicalgradient（圆锥渐变）
• qradialgradient（辐射渐变）

效果如下

qlineargradient

  QPushButton {
      background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
                  stop:0 white, stop: 0.4 gray, stop:1 green)
  }

整个线性渐变轴长度为1。

渐变位置：在这个例子中，(x1,y1)是起点，在左上角，(x2,y2)是终点在右下角。

渐变点设置：在0处设白色，在0.4处设灰色，在1处设绿色。

qconicalgradient

  QPushButton {
      background: qconicalgradient(cx:0.5, cy:0.5, angle:30,
                  stop:0 white, stop:1 #00FF00)
  }

渐变位置：(cx,cy)是圆锥的中心，angle是渐变的起始角度

渐变点设置：在0处设白色，在1处设#00FF00

qradialgradient

QPushButton {
      background: qradialgradient(cx:0, cy:0, radius: 1,
                  fx:0.5, fy:0.5, stop:0 white, stop:1 green)
  }

渐变位置：(cx,cy)是圆的中心，radius圆的半径，(fx,fy)是渐变的起始点

渐变点设置：在0处设白色，在1处设green

建议自己亲自尝试一下。

引用

QT之图形（渐变填充）