《QTreeView中嵌入QPixmap图标以展示状态数据》:系列教程之八(第6小节)

本小节属于《QTreeView使用代理实现表项编辑、定制显示控件》:系列教程之八的子章节。

由于本章节内容较多,放在一起可能大家看起来比较费劲,所以进行了拆分,大家可以从这里《QTreeView使用系列教程目录》找到其他的小节内容。


接下来开始讲解,QTreeView中嵌入QPixmap图标以展示状态数据。

从委托类QItemDelegate继承,由于我们需要QPixmap图标一直显示,而不是双击才出现,而且不需要编辑,所以需要重写paint()完成控件绘制,重写editorEvent()禁用双击编辑,这与前面QProgressBar例子类似。

class IconDelegate : public QItemDelegate
{
    Q_OBJECT
public:
    IconDelegate(QObject *parent = nullptr)
        : QItemDelegate(parent) { }

    void paint(QPainter *painter,
               const QStyleOptionViewItem &option,
               const QModelIndex &index) const override
    {
        QPixmap pixmap = QPixmap(":/res/complete.png");//.scaled(24, 24);
        qApp->style()->drawItemPixmap(painter, option.rect, Qt::AlignCenter, QPixmap(pixmap));
    }

    bool editorEvent(QEvent *event,
                     QAbstractItemModel *model,
                     const QStyleOptionViewItem &option,
                     const QModelIndex &index) override
    {
        if(event->type() == QEvent::MouseButtonDblClick) // 禁止双击编辑
            return true;
        return QItemDelegate::editorEvent(event,model,option,index);
    }
};

给第5列指定委托,那么第5列使用QPixmap展示数据。

IconDelegate* icon = new IconDelegate(ui->treeView);
ui->treeView->setItemDelegateForColumn(5, icon);

效果:
在这里插入图片描述



若对你有帮助,欢迎点赞、收藏、评论,你的支持就是我的最大动力!!!

同时,阿超为大家准备了丰富的学习资料,欢迎关注公众号“超哥学编程”,即可领取。

本文涉及工程代码,公众号回复:34EditorDelegate,即可下载。

在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

百里杨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值