Qt学习之路(27): 渐变填充
生活随笔
收集整理的這篇文章主要介紹了
Qt学习之路(27): 渐变填充
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
前面說了有關反走樣的相關知識,下面來說一下漸變。漸變是繪圖中很常見的一種功能,簡單來說就是可以把幾種顏色混合在一起,讓它們能夠自然地過 渡,而不是一下子變成另一種顏色。漸變的算法比較復雜,寫得不好的話效率會很低,好在很多繪圖系統都內置了漸變的功能,Qt也不例外。漸變一般是用在填充 里面的,所以,漸變的設置就是在QBrush里面。Qt提供了三種漸變畫刷,分別是線性漸變(QLinearGradient)、輻射漸 變(QRadialGradient)、角度漸變(QConicalGradient)。如下圖所示(圖片出自C++ GUI Programming with Qt4, 2nd Edition): 下面我們來看一下線性漸變QLinearGradient的用法。 ? void PaintedWidget::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);
} 同前面一樣,這里也僅僅給出了paintEvent()函數里面的代碼。 首先我們打開了反走樣,然后創建一個QLinearGradient對象實例。QLinearGradient構造函數有四個參數,分別是x1, y1, x2, y2,即漸變的起始點和終止點。在這里,我們從(60, 50)開始漸變,到(200, 200)止。 漸變的顏色是在setColorAt()函數中指定的。下面是這個函數的簽名: void QGradient::setColorAt ( qreal position, const QColor & color ) 它的意思是把position位置的顏色設置成color。其中,position是一個0 - 1區間的數字。也就是說,position是相對于我們建立漸變對象時做的那個起始點和終止點區間的。比如這個線性漸變,就是說,在從(60, 50)到(200, 200)的線段上,在0.2,也就五分之一處設置成白色,在0.6也就是五分之三處設置成綠色,在1.0也就是終點處設置成黑色。 在創建QBrush時,把這個漸變對象傳遞進去,就是我們的結果啦: 那么,我們怎么讓線段也是漸變的呢?要知道,直線是用畫筆繪制的啊!這里,如果你仔細查閱了API文檔就會發現,QPen是接受QBrush作為參數的。也就是說,你可以利用一個QBrush創建一個QPen,這樣,QBrush所有的填充效果都可以用在畫筆上了! void PaintedWidget::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.drawLine(50, 50, 200, 200);
} 看看我們的漸變線吧!
轉載于:https://my.oschina.net/iamhere/blog/423613
總結
以上是生活随笔為你收集整理的Qt学习之路(27): 渐变填充的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qt学习之路(24): QPainter
- 下一篇: 批量删除redis键