QListWidget 更改文本的部分颜色

Question

点击这里打开示例图片，红色箭头是我想要的，但是输出只显示了所有代码，并没有像蓝色箭头那样工作

我尝试在QListWidget中使用< font color = red >...< /font > || < span >...< /span >，但是没有任何效果

我想要的是这样的东西：

item1 <font color=red>apple</font> ("item1" black, "apple" will output as red color)
item2 <font color=green>durian</font> (durian will output as green color)

有人可以帮忙吗？

Ps: 其实我想要的是下图：当我输入单词 "cola" 时，QListwidget 的列表将 Highlight/Change 颜色“%cola%”变成不同的颜色。

Answer 1

QListWidget 默认情况下不呈现 Html，但为此 Qt 具有允许自定义视图的委托类。

在这种情况下，我们使用以下委托：

#ifndef HTMLDELEGATE_H
#define HTMLDELEGATE_H

#include <QPainter>
#include <QStyledItemDelegate>
#include <QTextDocument>

class HtmlDelegate : public QStyledItemDelegate
{
public:
    void paint(QPainter* painter, const QStyleOptionViewItem & option, const QModelIndex &index) const
    {
        QStyleOptionViewItem options = option;
        initStyleOption(&options, index);

        painter->save();

        QTextDocument doc;
        doc.setHtml(options.text);

        options.text = "";
        options.widget->style()->drawControl(QStyle::CE_ItemViewItem, &options, painter);

        painter->translate(options.rect.left(), options.rect.top());
        QRect clip(0, 0, options.rect.width(), options.rect.height());
        doc.drawContents(painter, clip);
        painter->restore();
    }

    QSize sizeHint ( const QStyleOptionViewItem & option, const QModelIndex & index ) const
    {
        QStyleOptionViewItem options = option;
        initStyleOption(&options, index);

        QTextDocument doc;
        doc.setHtml(options.text);
        doc.setTextWidth(options.rect.width());
        return QSize(doc.idealWidth(), doc.size().height());
    }
};

#endif // HTMLDELEGATE_H

然后使用QListWidget的setItemDelegate()方法如下图：

ui->listWidget->setItemDelegate(new HtmlDelegate);

得到如下图所示：

完整的例子可以在下面link.

找到

QListWidget 更改文本的部分颜色

QListWidget change part color of text

c++

qt

qlistwidget

qt5