《QTreeView中嵌入QProgressBar以展示进度数据》：系列教程之八（第5小节）

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

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

---

接下来开始讲解，QTreeView中嵌入QProgressBar以展示进度数据。

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

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

    void paint(QPainter *painter,
               const QStyleOptionViewItem &option,
               const QModelIndex &index) const override
    {
        // 计算bar在表格中的位置
        int radio = 1;
        int top = option.rect.top() + radio;
        int left = option.rect.left() + radio;
        int width = option.rect.width() - 2 * radio;
        int height = option.rect.height() - 2 * radio;

        // 创建bar
        QStyleOptionProgressBar bar;
        bar.rect.setRect(left, top, width, height); // 设置bar位置
        bar.state = QStyle::State_Enabled;
        bar.progress = index.data(Qt::EditRole).toInt(); // 设置对应model列的值
        bar.minimum = 0;
        bar.maximum = 100;
        bar.textVisible = true;
        bar.text = QString("%1%").arg(bar.progress);
        bar.textAlignment = Qt::AlignCenter;

        QProgressBar pbar;
        QApplication::style()->drawControl(QStyle::CE_ProgressBar, &bar, painter, &pbar);
    }

    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);
    }
};

给第4列指定委托，那么第4列使用QProgressBar展示进度数据。

ProgressBarDelegate* progressBar = new ProgressBarDelegate(ui->treeView);
ui->treeView->setItemDelegateForColumn(4, progressBar);

另外给QProgressBar设置qss style。

static const QString ProgressBar_QssStr =  "QProgressBar{"
                                           "    border:none;"
                                           "    background:rgb(210, 225, 240);"
                                           "    border-radius:4px;"
                                           "    text-align:center;"
                                           "}"
                                           "QProgressBar::chunk {"
                                           "    background:rgb(60, 140, 220);"
                                           "    border-radius:4px;"
                                           "}";
qApp->setStyleSheet(ProgressBar_QssStr);

效果：

---

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

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

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