QT中级（2）QTableView自定义委托（二）实现QProgressBar委托 ...

同系列文章

QT中级（1）QTableView自定义委托（一）实现QSpinBox、QDoubleSpinBox委托
QT中级（2）QTableView自定义委托（二）实现QProgressBar委托
QT中级（3）QTableView自定义委托（三）实现QCheckBox委托并且将QCheckBox居中
QT中级（4）QTableView自定义委托（四）实现QDateTimeEdit、QDateEdit控件
QT高级（1）QTableView自定义委托集合，一个类实现若干委托
1 写在前面的话

我们在之前写的《QT(7)-初识委托》文章末尾提到，“使用一个类继承QStyledItemDelegate实现常用的控件委托，在使用时可以直接调用接口，灵活实现各种委托”。我们接下来几篇文章将先详细讲解各个控件的委托，最后整理成一个类，并分享源码。如果大家感兴趣，可以点个关注，后面我们一起学习！
讲解比较详细，大家可以跟着一步一步做，自己就可以实现了。
2 需要用到的部分知识

《QT(3)-QTableView》
《QT(4)-QAbstractItemView》
《QT(6)-QStandardItemModel》
《QT(7)-初识委托》
3 同系列文章

QT中级（1）QTableView自定义委托（一）实现QSpinBox、QDoubleSpinBox委托
4 实现QProgressBar委托

进度条一般都是要一直显示在QTableView上，所以要实现QProgressBar委托，就要重新实现paint函数。
4.1 第一步

文件结构如下：

在设计师界面拖拽一个tableview到MainWindow中，并对其进行初始化。
需要主要的是 void initTable(...);这个函数是我在经常使用QTableView时通用的设置，不仅可以在这个项目使用，也可以在其他项目中使用

代码如下：
mainwindow.h

1. #ifndef MAINWINDOW_H
2. #define MAINWINDOW_H
4. #include <QMainWindow>
6. class QStandardItemModel;
7. class QTableView;
9. QT_BEGIN_NAMESPACE
10. namespace Ui { class MainWindow; }
11. QT_END_NAMESPACE
13. class MainWindow : public QMainWindow
14. {
15.     Q_OBJECT
17. public:
18.     MainWindow(QWidget *parent = nullptr);
19.     ~MainWindow();
20.     void init();
21.     //设置表格
22.     void initTable(QTableView *tableView,int rowHeight = 25,bool Editable=false,bool isSorting = false,bool verticalHeadVisible=false,
23.             bool isLastTensile = true,bool isShowGrid = true);
25. private:
26.     Ui::MainWindow *ui;
27.     QStandardItemModel *model;
28. };
29. #endif // MAINWINDOW_H

复制代码

mainwindow.cpp

1. #include "mainwindow.h"
2. #include "ui_mainwindow.h"
4. #include <QStandardItemModel>
6. MainWindow::MainWindow(QWidget *parent)
7.     : QMainWindow(parent)
8.     , ui(new Ui::MainWindow)
9. {
10.     ui->setupUi(this);
11.     this->initTable(ui->tableView,27,true);
12.     this->init();
13. }
15. MainWindow::~MainWindow()
16. {
17.     delete ui;
18. }
20. void MainWindow::init()
21. {
22.     QStringList columnNames;
23.     columnNames<<"QSpinBox"<<"QComboBox"<<"QCheckBox"<<"QProgressBar"<<"···";
25.     model = new QStandardItemModel;
26.     model->setRowCount(10);
27.     model->setHorizontalHeaderLabels(columnNames);
28.     ui->tableView->setModel(model);
30. }
32. void MainWindow::initTable(QTableView *tableView,int rowHeight,bool Editable,bool isSorting,bool verticalHeadVisible,bool isLastTensile,bool isShowGrid)
33. {
34.     /*设置样式*/
35.     tableView->setProperty("model",true);
36.     /*设置默认行高*/
37.     tableView->verticalHeader()->setDefaultSectionSize(rowHeight);
38.     /*设置交替行颜色--允许交替行颜色*/
39.     tableView->setAlternatingRowColors(true);
40.     /*设置水平/垂直滚动模式--一次滚动一个项目*/
41.     tableView->setHorizontalScrollMode(QAbstractItemView::ScrollPerItem);
42.     tableView->setVerticalScrollMode(QAbstractItemView::ScrollPerItem);
43.     /*设置选择行为--每次选择只有一整行*/
44.     tableView->setSelectionBehavior(QAbstractItemView::SelectRows);
45.     /*设置拖放行为--不允许拖放*/
46.     tableView->setDragDropMode(QAbstractItemView::NoDragDrop);
47.     /*设置选择模式--只能选择一个项目*/
48.     tableView->setSelectionMode(QAbstractItemView::SingleSelection);
49.     /*设置Tab导航键--允许使用Tab键导航，shift+tab反向导航*/
50.     tableView->setTabKeyNavigation(true);
51.     /*设置是否自动换行--取消自动换行*/
52.     tableView->setWordWrap(false);
53.     /*设置文本省略模式--省略号不会出现在文本中*/
54.     tableView->setTextElideMode(Qt::ElideNone);
55.     /*设置左上角全选按钮--禁用*/
56.     tableView->setCornerButtonEnabled(false);
57.     /*设置是否支持表头排序--应该和表头是否可以单击保持一致*/
58.     tableView->setSortingEnabled(isSorting);
59.     /*设置是否显示网格线*/
60.     tableView->setShowGrid(isShowGrid);
61.     /*设置垂直表头是否可见*/
62.     tableView->verticalHeader()->setVisible(verticalHeadVisible);
63.     /*设置选中一行表头是否加粗--不加粗*/
64.     tableView->horizontalHeader()->setHighlightSections(false);
65.     /*设置最后一行是否拉伸填充*/
66.     tableView->horizontalHeader()->setStretchLastSection(isLastTensile);
67.     /*设置行标题最小宽度尺寸*/
68.     tableView->horizontalHeader()->setMinimumSectionSize(0);
69.     /*设置行标题最小高度*/
70.     tableView->horizontalHeader()->setFixedHeight(rowHeight);
72.     /*设置表头是否可以单击--不可单击*/
73. #if (QT_VERSION >= QT_VERSION_CHECK(5,0,0))
74.     tableView->horizontalHeader()->setSectionsClickable(isSorting);
75. #else
76.     tableView->horizontalHeader()->setClickable(false);
77. #endif
79.     /*是否可编辑*/
80.     if(Editable)
81.     {
82.         tableView->setEditTriggers(QAbstractItemView::CurrentChanged|QAbstractItemView::DoubleClicked|QAbstractItemView::EditKeyPressed);
83.     }
84.     else
85.     {
86.         tableView->setEditTriggers(QAbstractItemView::NoEditTriggers);
87.     }
88. }

复制代码

4.2 第二步

• 我们首先创建一个类Delegate继承QStyledItemDelegate，同时定义paint函数
  

1. void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override;

复制代码

这四个函数的作用以及意义，详见：《QT(7)-初识委托》这里不在赘述。

• 创建一些  QSpinBox相关参数，并创建相应参数的外部设置接口
  

1.     /*QProgressBar设置相关参数函数*/
2.     void setPgBarRange(const int min,const int max);
3.     void setPgBarTextVisible(bool isTextVisible);
4.     void setPgBarAlignment(Qt::Alignment pgbarAlignment);
5.     void setInvertedAppearance(bool invertedAppearance);
7.     /*QProgressBar相关参数*/
8.     int pgbarMax;
9.     int pgbarMin;
10.     Qt::Alignment pgbarAlignment;
11.     bool isTextVisible;
12.     bool invertedAppearance;
13.     QProgressBar *pgBar;

复制代码

这里我定义了很多参数，实际应用的时候有些参数并用不到，大家根据需求定义。

• 创建给这些参数初始化的函init()
  

1. void Delegate::init()
2. {
3.     pgBar = new QProgressBar;
4.     pgbarMax = 100;
5.     pgbarMin = 0;
6.     pgbarAlignment = Qt::AlignCenter;
7.     isTextVisible = true;
8.     invertedAppearance = false;
9. }

复制代码

4.3 第三步

下面我们逐个实现paint函数

1. void Delegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
2. {
4.     if(index.column() == 3)
5.     {
6.         //获得视图中的值
7.         int value = index.model()->data(index,Qt::DisplayRole).toInt();
8.         //创建包含QProgressBar样式信息类
9.         QStyleOptionProgressBar soPgbar;
10.         //使用我们创建的pgBar初始化soPgbar
11.         soPgbar.initFrom(pgBar);
12.         //设置最大值和最小值
13.         soPgbar.maximum = pgbarMax;
14.         soPgbar.minimum = pgbarMin;
15.         //设置进度条值
16.         soPgbar.progress = value;
17.         //设置状态
18.         soPgbar.state |= QStyle::State_Enabled;
19.         soPgbar.state |= QStyle::State_Horizontal;
20.         //设置位置和大小
21.         soPgbar.rect = option.rect;
22.         //设置文本
23.         soPgbar.text = QString("%1%").arg(value);
24.         //设置文本是否可见
25.         soPgbar.textVisible = isTextVisible;
26.         //设置文本居中
27.         soPgbar.textAlignment = pgbarAlignment;
28.         //设置进度条的进度方向
29.         soPgbar.invertedAppearance = invertedAppearance;
30.         //绘制
31.         QApplication::style()->drawControl(QStyle::CE_ProgressBar,&soPgbar,painter,pgBar);
32.     }//if
33.     else
34.     {
35.         QStyledItemDelegate::paint(painter,option,index);
36.     }
37. }

复制代码

4.4 最后一步

我们需要在mainwindow.cpp中的init()调用delegate类实现委托。我们将QTableView的第一列设置为委托：
更新mainwindow.cpp中的init()函数
[code]void MainWindow::init(){    QStringList columnNames;    columnNames