亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > C > 正文

如何為Qt視圖中的文字實現彩虹漸變效果

2020-01-26 13:30:42
字體:
來源:轉載
供稿:網友

前言

將view中的文本內容用自定義的顏色顯示是一種十分常見的需求。今天我們稍微改變些“花樣”。下面話不多說了,來一起看看詳細的介紹吧

需求定義

我們的需求很簡單,現在有一些在view中的text內容需要使用彩色顯示,而且不使用單一的一種顏色,而是多種顏色漸變實現的彩虹效果。

文字描述可能比較抽象,所以我們先給出預想的效果圖:

現在讓我們想辦法實現圖中的效果。

需求分析

好在Qt的Model/View機制對于用戶自定義的外觀控制提供了極為豐富的支持,因此我們可以輕松地實現許多獨特的顯示效果。

通常情況下,對于像按特定顏色顯示內容的需求只需要在model的data接口中根據調用時的Qt::ItemDataRole返回對應的數據即可,比如控制文本顏色時我們只需要對Qt::ForegroundRole返回指定的QBrush對象就可以。

但是仔細思考之后你就會發現這種辦法并不能解決我們的需求。

我們想要實現漸變效果是不能只返回單一的一種顏色的,需要用到QLinearGradient,并且需要指定線性填充的坐標及大小。而我們光從Qt::ItemDataRole是拿不到文字的顯示范圍的,因此我們就不能指定漸變填充的范圍了。

不過正如本節開頭所說,Qt提供了足夠多的途徑讓你控制元素的外觀。所以我們很快就把目光投向了delegate,一種經常用來控制model中數據顯示的工具。

雖然delegate更多的是充當了顯示非文本數據以及控制顯示格式的責任,但是只要實現了它的paint方法。我們一樣可以繪制想要的效果。特別的,paint方法還會將待繪制區域的信息從參數中傳入,因此我們有充足的條件使用QLinearGradient實現文字的漸變效果了。

現在已經清楚實現我們的需求的思路了,接下來我們看看如何用代碼實現它。

代碼實現

我們只需要繼承QStyledItemDelegate并重寫它的paint和sizeHint方法:

class ColorDelegate : public QStyledItemDelegate {public: void paint(QPainter *painter, const QStyleOptionViewItem &option,    const QModelIndex &index) const override; QSize sizeHint(const QStyleOptionViewItem &option,     const QModelIndex &index) const override;};

其中paint用來繪制我們的顯示效果,而sizeHint則返回item的大小。

對于sizeHint沒有什么特別的操作,單純計算文字的長度和高度,然后基于這連個值指定item的大?。?/p>

QSize ColorDelegate::sizeHint(const QStyleOptionViewItem &option,        const QModelIndex &index) const { auto text = index.data().toString(); auto width = option.fontMetrics.width(text) + 20; return QSize{width, option.fontMetrics.height()};}

下面就要進入重點了:

void ColorDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option,       const QModelIndex &index) const { auto text = index.data().toString(); auto myOpt = option; myOpt.displayAlignment = Qt::AlignCenter; auto sWidth = myOpt.fontMetrics.width(text); auto sHeight = myOpt.fontMetrics.height(); // 計算文字所在的范圍,因為是居中對齊,所以需要計算相應的起始位置 auto sRect = QRectF(myOpt.rect.x() + (myOpt.rect.width() - sWidth) / 2.0,      myOpt.rect.y() + ((myOpt.rect.height() - sHeight) / 2.0), sWidth, sHeight); // 將漸變填充的范圍設置成文字所在的范圍 QLinearGradient l(sRect.x(), sRect.y(), sRect.x() + sRect.width(),      sRect.y() + sRect.height()); // 設置彩虹色漸變效果,彩虹由赤橙黃綠青藍紫的顏色組成 // 因此我們除去起始點為紅色,每隔1/6就設置一種顏色 l.setColorAt(0, Qt::red); l.setColorAt(1.0 / 6, QColor(255, 97, 0)); l.setColorAt(2.0 / 6, QColor(255, 255, 0)); l.setColorAt(3.0 / 6, Qt::green); l.setColorAt(4.0 / 6, Qt::cyan); l.setColorAt(5.0 / 6, Qt::blue); l.setColorAt(1, QColor(255, 0, 255)); // 這里并不使用painter,只需要QStyle即可實現效果 // QPalette::Text為文本顯示效果的role auto role = QPalette::Text; if (option.state & QStyle::State_Selected) {  // 當前item被選中時繪制高亮的選中框  role = QPalette::HighlightedText;  painter->fillRect(option.rect, option.palette.highlight()); } myOpt.palette.setBrush(role, QBrush(l)); // 注意最后一個參數role,只有設置了它才能讓QStyle正確地繪制自定義的文本顯示效果 QApplication::style()->drawItemText(painter, myOpt.rect, myOpt.displayAlignment,          myOpt.palette, true, text, role);}

需要注意的都已經在注釋中說明,可以看到paint的邏輯實際上并不復雜,只需要正確計算文字的顯示范圍后調用相應的繪制接口即可。

可能你會有些疑惑,為什么要計算文本的范圍?答案是因為如果將整個item作為填充范圍的話,那么文本之外的空白部分也會被計算進去,因此文本的顯示效果會被view的拉伸的縮小所影響,顯然不是我們希望的結果,因此只填充文本所在的范圍就很有必要了。

至于delegate的其他功能,我們選擇繼續使用父類的默認實現,因為我們只是使用delegate控制顯示效果的功能,并不需要實現和數據的交互。

下面我們測試下自定義的ColorDelegate:

#include <QApplication>#include <QStandardItemModel>#include <QListView>#include <QVBoxLayout>#include "ColorDelegate.h"int main(int argc, char **argv) { QApplication app(argc, argv); auto win = new QWidget{}; auto model = new QStandardItemModel{win}; model->appendRow(new QStandardItem{"C++"}); model->appendRow(new QStandardItem{"GoLang"}); model->appendRow(new QStandardItem{"JavaScript"}); model->appendRow(new QStandardItem{"Object C"}); model->appendRow(new QStandardItem{"Rust"}); model->appendRow(new QStandardItem{"這是一串非常非常長的被作為測試用例的樣本字符串。"}); model->appendRow(new QStandardItem{"亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

欧美色道久久88综合亚洲精品| 精品视频—区二区三区免费| 久久国产精品久久国产精品| 91精品国产91久久久久久吃药| 中文字幕免费精品一区| 久久精品国产久精国产一老狼| 精品国偷自产在线视频99| 成人a免费视频| 国产91精品最新在线播放| 久久人体大胆视频| 久久免费视频观看| 精品国产网站地址| 国产亚洲一级高清| 亚洲精品自产拍| 国产精品国产福利国产秒拍| 狠狠色狠狠色综合日日五| 69av成年福利视频| 欧美性在线观看| 国产男女猛烈无遮挡91| 亚洲最大成人网色| 亚洲国内高清视频| 色www亚洲国产张柏芝| 国产精品久久久久久久午夜| 国产精品一区二区久久国产| 亚洲欧洲在线观看| 精品在线小视频| 国产97在线亚洲| 色婷婷成人综合| 最新日韩中文字幕| 国产精品 欧美在线| 在线日韩欧美视频| 91亚洲精华国产精华| 亚洲成人动漫在线播放| 国产中文字幕91| 欧美片一区二区三区| 久久久久久久久久久免费| 国产一区二区三区精品久久久| 成人欧美一区二区三区黑人| 日本欧美在线视频| 日韩有码在线观看| 亚洲精品国产suv| 麻豆国产va免费精品高清在线| 国产精品露脸自拍| 亚洲第一国产精品| 成人国内精品久久久久一区| 欧美插天视频在线播放| 欧美国产激情18| 精品日本美女福利在线观看| 欧美激情精品久久久| 亚洲精品国产精品久久清纯直播| 亚洲国产高潮在线观看| 一区二区三区 在线观看视| 欧美日韩国产精品一区二区三区四区| 性色av一区二区三区免费| 国产一区二区精品丝袜| 国产精品久久久久999| 日韩中文有码在线视频| 亚洲欧美在线免费| 奇米4444一区二区三区| 欧美成人h版在线观看| 一本一道久久a久久精品逆3p| 欧美影院成年免费版| 91在线视频成人| 欧美激情视频在线观看| 日韩在线观看免费网站| 久久99久久亚洲国产| 成人精品一区二区三区| 久久亚洲精品小早川怜子66| 麻豆成人在线看| 欧美性极品少妇精品网站| 亚洲欧美日韩在线一区| 午夜精品久久久久久久99热| 国产精品久久久久久网站| 成人精品一区二区三区电影黑人| 国产福利视频一区二区| 欧美午夜片在线免费观看| 亚洲人成网7777777国产| 亚洲第一免费播放区| 亚洲精品不卡在线| 狠狠色狠色综合曰曰| 欧美在线激情网| 欧美在线激情视频| 国产精品极品尤物在线观看| 国产亚洲精品久久久久久牛牛| 中文字幕亚洲欧美一区二区三区| 26uuu日韩精品一区二区| 最近更新的2019中文字幕| 色哟哟亚洲精品一区二区| 亚洲www视频| 日韩久久精品电影| 欧美精品电影免费在线观看| 欧美精品在线免费| 久久精品久久久久久| 日韩在线播放av| 午夜欧美大片免费观看| 色yeye香蕉凹凸一区二区av| 疯狂做受xxxx高潮欧美日本| 一区二区三区日韩在线| 国产精品久久久久久久电影| 欧美电影免费观看电视剧大全| 精品视频在线播放| 久久香蕉频线观| 伊人久久大香线蕉av一区二区| 欧美天天综合色影久久精品| 亚洲国产精品va在线看黑人| 一区二区成人av| 久久精品国产69国产精品亚洲| 97超级碰碰碰| 日本精品久久久| 亚洲男人天堂久| 日韩美女在线观看一区| 欧美日韩国产中文字幕| 欧美专区在线播放| 中文字幕日韩欧美精品在线观看| 狠狠爱在线视频一区| 国产原创欧美精品| 亚洲黄色片网站| 欧美日韩国产限制| 国产欧美精品一区二区| 久久av中文字幕| 国产成人中文字幕| 欧美成人免费在线观看| 欧美在线观看网址综合| 久久视频国产精品免费视频在线| 欧美贵妇videos办公室| 中文字幕在线观看亚洲| 成人在线中文字幕| 91九色国产在线| 国产91在线播放九色快色| 奇米一区二区三区四区久久| 57pao国产精品一区| 91久久久精品| 伊人精品在线观看| 国产精品激情av电影在线观看| 欧美国产日韩一区| 国产欧美在线视频| 色妞一区二区三区| 九色91av视频| xvideos亚洲人网站| 亚洲aa在线观看| 蜜臀久久99精品久久久久久宅男| 国产亚洲精品久久久久久| 亚洲直播在线一区| 91精品国产91久久久久久吃药| 国产午夜精品久久久| 亚洲成人xxx| 欧美午夜美女看片| 国语自产精品视频在线看| 俺去啦;欧美日韩| 精品国产一区二区三区久久狼5月| 亚洲午夜女主播在线直播| 亚洲视频专区在线| 国产精品无码专区在线观看| 97人洗澡人人免费公开视频碰碰碰| 亚洲国产成人久久| 国产精品久久久久久搜索| 一本色道久久88亚洲综合88| 久久69精品久久久久久久电影好| 日韩在线国产精品| 国产精品成人品| 91久久国产精品| 日本人成精品视频在线| 91久久精品国产91久久性色| 久久av.com|