QT繪圖技術paintEvent漸變色技術-創(chuàng)新互聯(lián)
前面說了有關反走樣的相關知識，下面來說一下漸變。漸變是繪圖中很常見的一種功能，它是利用顏色插值使得兩個或更多顏色之間能夠平滑過渡，簡單來說就是可以把幾種顏色混合在一起，讓它們能夠自然地過渡，而不是一下子變成另一種顏色。它們常被用來創(chuàng)建二維圖形的三維效果。漸變的算法比較復雜，寫得不好的話效率會很低，好在很多繪圖系統(tǒng)都內置了漸變的功能，Qt也不例外。漸變一般是用在填充里面的，所以，漸變的設置就是在QBrush里面。
Qt支持三種類型的漸變，分別是線性漸變(QLinearGradient)、輻射漸變(QRadialGradient)、錐形漸變(QConicalGradient)。
1、線性漸變由兩個控制點定義，連接這兩點的線上設置一系列的顏色斷點。這些斷點被鉗位到浮點數(shù)0和1之間，0對應第一個控制點，1對應第二個控制點，兩個指定斷點之間的顏色由線性插值得出。如代碼（以下給出 paintEvent()函數(shù)里面的代碼 ）：
void MyWidget::paintEvent(QPaintEvent *event)
{ QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true); QLinearGradient linearGradient(60, 50, 200, 200);
linearGradient.setColorAt(0.2, Qt::white);
linearGradient.setColorAt(0.6, Qt::green);
linearGradient.setColorAt(1.0, Qt::black);
painter.setBrush(QBrush(linearGradient));
painter.drawEllipse(50, 50, 200, 150);
}這里0對應第一個控制點（60,50），1對應第二個控制點（200,200 ），之間用了三個顏色插值，效果如下圖：
2、輻射漸變由一個中心點、半徑、一個焦點，以及顏色斷點控制。中心點和半徑定義一個圓。顏色從焦點向外擴散，焦點可以是中心點或者圓內的其他點。代碼如下：
void MyWidget::paintEvent(QPaintEvent *event)
{ QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true);
QRadialGradient radialGradient(130, 130, 100, 130, 130); radialGradient.setColorAt(0.0, Qt::white); radialGradient.setColorAt(0.6, Qt::black); radialGradient.setColorAt(0.8, Qt::green); painter.setBrush(QBrush(radialGradient)); painter.drawEllipse(50, 50, 200, 150);
}這里QRadialGradient radialGradient(130, 130, 100, 130, 130);中前兩個參數(shù)指定了中心點，第三個參數(shù)指定了半徑，后兩個參數(shù)指定了焦點，這里中心點和焦點是同一個點，所以看起來效果是從中心點向外均勻擴散。效果如下：
3、錐形漸變由一個中心點和一個角度定義，顏色從x軸正向偏轉一個角度開始，按給定顏色斷點旋轉擴散。代碼如下：
void MyWidget::paintEvent(QPaintEvent *event)
{ QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true);
QConicalGradient conicalGradient(150,150, 90); conicalGradient.setColorAt(0.2, Qt::white); conicalGradient.setColorAt(0.6, Qt::green); conicalGradient.setColorAt(0.8, Qt::black); painter.setBrush(QBrush(conicalGradient)); painter.drawEllipse(50, 50, 200, 150);
}這里定義（150,150 ）為中心點，從x軸正向開始偏轉90度，然后按白綠黑旋轉擴撒，效果如下：
4、那么我們如何控制我們的線條也是漸變效果呢 ？ 通常我們畫線是用畫筆來完成的，但是QPen是接收QBrush做參數(shù)的，也就是說，你可以利用一個QBrush創(chuàng)建一個QPen，這樣，QBrush所有的填充效果都可以用在畫筆上了！代碼如下：
void MyWidget::paintEvent(QPaintEvent *event)
{ QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true);
QLinearGradient linearGradient(60, 50, 200, 200);
linearGradient.setColorAt(0.2, Qt::white);
linearGradient.setColorAt(0.6, Qt::green);
linearGradient.setColorAt(1.0, Qt::black);
painter.setPen(QPen(QBrush(linearGradient),5));
painter.drawEllipse(50, 50, 200, 150);
}下來看看我們的畫線的漸變效果吧！
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
分享文章：QT繪圖技術paintEvent漸變色技術-創(chuàng)新互聯(lián)
標題URL：http://m.jiaotiyi.com/article/iccgd.html