• 線性漸變（linear gradient）在開始點和結束點之間插入顏色；
• 輻射漸變（radial gradient）在焦點和環繞它的圓環間插入顏色；
• 錐形漸變（Conical）在圓心周圍插入顏色。
  
  

環境：Windows Xp + Qt 4.8.4+Qt Creator2.6.2

1.我們仍然在上一節創建的項目中進行講解。更改paintEvent()函數如下：

       運行程序，效果如下圖所示。

2.介紹

對於線性漸變QLinearGradient::QLinearGradient ( const QPointF & start, constQPointF & finalStop )需要指定開始點start和結束點finalStop，然後將開始點和結束點之間的區域進行等分，開始點的位置為0.0，結束點的位置為1.0，而它們之間的位置按照距離比例進行設定，然後使用QGradient::setColorAt( qreal position, const QColor & color )函數在指定的位置position插入指定的顏色color，當然，這裏的position的值要在0到1之間。

       這裏還可以使用setSpread()函數來設置填充的擴散方式，即指明在指定區域以外的區域怎樣進行填充。擴散方式由QGradient::Spread枚舉變量定義，它一共有三個值，分別是QGradient::PadSpread，使用最接近的顏色進行填充，這是默認值，如果我們不使用setSpread()指定擴散方式，那麼就會默認使用這種方式；QGradient::RepeatSpread，在漸變區域以外的區域重複漸變；QGradient::ReflectSpread，在漸變區域以外將反射漸變。在線性漸變中這三種擴散方式的效果下圖所示。要使用漸變填充，可以直接在setBrush()中使用，這時畫刷風格會自動設置為相對應的漸變填充。

1.繼續在paintEvent()函數中添加如下代碼：

//輻射漸變

QRadialGradient radialGradient(QPointF(100, 190),50,QPointF(275,200));

radialGradient.setColorAt(0, QColor(255, 255, 100, 150));

radialGradient.setColorAt(1, QColor(0, 0, 0, 50));

painter.drawEllipse(QPointF(100, 190), 50, 50);

2.介紹

       對於輻射漸變QRadialGradient::QRadialGradient( const QPointF & center, qreal radius, const QPointF & focalPoint )需要指定圓心center和半徑radius，這樣就確定了一個圓，然後再指定一個焦點focalPoint。焦點的位置為0，圓環的位置為1，然後在焦點和圓環間插入顏色。輻射漸變也可以使用setSpread()函數設置漸變區域以外的區域的擴散方式，三種擴散方式的效果如下圖所示。

1.接著在paintEvent()函數裏麵添加如下代碼：

//錐形漸變

QConicalGradient conicalGradient(QPointF(250, 190), 60);

conicalGradient.setColorAt(0.2, Qt::cyan);

conicalGradient.setColorAt(0.9, Qt::black);

painter.drawEllipse(QPointF(250, 190), 50, 50);

2.介紹

對於錐形漸變QConicalGradient::QConicalGradient ( const QPointF & center,qreal angle )需要指定中心點center和一個角度angle（其值在0到360之間），然後沿逆時針從給定的角度開始環繞中心點插入顏色。這裏給定的角度沿逆時針方向開始的位置為0，旋轉一圈後為1。setSpread()函數對於錐形漸變沒有效果。