如何为Qt视图中的文字实现彩虹渐变效果

2020-01-06 20:16:36丽君

下面我们测试下自定义的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{"██████████████████"});
 auto view = new QListView{};
 view->setModel(model);
 view->setItemDelegate(new ColorDelegate{}); // 设置自定义delegate

 auto layout = new QVBoxLayout{};
 layout->addWidget(view);
 win->setLayout(layout);
 win->show();

 app.exec();
}

运行之后你就会看到如下图的界面:

Qt,视图,彩虹渐变

虽然文字较短时某些位于边缘的颜色有些难以辨认,但整体的彩虹色渐变效果是很明显的。这样我们就实现了文字的彩虹渐变效果。

思考题

最后我们留下一点思考。

虽然我们实现了需求,但是我们的delegate只能处理文字居中的情况,那么其他对齐的情况下呢?