由QTableView/QTableWidget显示进度条和按钮，理解qt代理delegate用法

背景：

我的最初应用场景，就是要在表格上用进度条显示数据，以及放一个按钮。

qt-creator中有自带的delegate示例可以参考，但终归自己动手还是需要理解细节，否则不能随心所欲。

自认没那个天赋，于是记录下来以便日后参考。

qt自带示例：

打开qt-creator首页，点击左侧示例，搜索那里输入delegate就列出来几个，常见的也就是spinbox输入数值。

83772f912d4b4bacb90cc3581da309aa.png

上图中的第一个例子是个意外，我觉得挺好玩的，关于QItemEditorFactory和QItemEditorCreatorBase的用法，可以设置item的编辑方式，和代理有异曲同工之妙。也许本质上有某种联系，但我没有深究，本次只想记录代理的用法。

用法宗旨：

按照资料以及网上的说法，无非就是继承QStyledItemDelegate，重写几个函数，然后设置为QTableView/QTableWidget的代理即可。但关键是，QStyledItemDelegate咋用。

我认为还是始终贯彻MVC模式的应用，比如一个view绑定了一个model，则model的数据是和view同步的。前后端分离的本质是：view是躯壳，model是灵魂。肉体感受可以影响灵魂，灵魂变化也会反应到肉体。打住！再分析就可以感悟人性了。

主要是继承QStyledItemDelegate之后，重写那几个函数的意义。我认为常用的几个：paint，createEditor，editorEvent，setEditorData，setModelData，updateEditorGeometry。看名字就知道，凡是带editor的都是需要编辑view时才用。

paint函数：

绘制代理区域，如果希望表格一显示，马上就要看到代理控件的时候用，比如我要显示进度条或者按钮，我希望界面一出来它就有。而不是编辑这个单元格的时候才出来。

至于paint调用的时机，如果要代码控制，就控制model好了，view同步显示数据时，会重绘界面。

延伸题外话：

我试过其它方式修改数据，然后总想别的方法来调用主动调用paint函数，没戏的。比如this->repaint()，不行的。除非把界面最小化再恢复，或者点一下单元格。反正这个paint别想着自己控制它，就用model的item间接更新就行了。所以，都说tableview比widget优化显示速度之类的说法，实际上是mvc内部优化的意思。

很早以前，大约十多年了，我用vs做了一个超大的电子表格，因为单元格太多，业务上又必须这样，所以ui更新效率很低。最后也是让grid绑定了datatable，然后通过更新datatable来间接更新grid才解决。其实所谓的mvc别说多先进，早期vb6.0时代就有这样的雏形了。隐约记得，那时候叫控件绑定数据源，道理类似。

另外，现在的扁平化风格，有时候看起来特别别扭，直接绘制出来的控件就是死的，例如按钮，看不到按下去的感觉。也许通过style能实现，但我没尝试。

通常paint函数重写的内容主要是定义QStyleOption和drawControl。比如：

void Debug_Delegate_Button::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{Q_UNUSED(index);QStyleOptionButton btnStyle;btnStyle.text = "exec";btnStyle.rect = option.rect;btnStyle.state = QStyle::State_Active;QPushButton btn;btn.setEnabled(m_bEnabled);btn.style()->drawControl(QStyle::CE_PushButton, &btnStyle, painter, &btn);
}

我亲测的感受是，QStyleOption是用于定义显示效果的，drawControl只是画出来。

上面的代码定义了一个按钮，下面我写了个setEnable，但我感觉意义不大，主要看上面的Style。

createEditor函数：

qt手册说是返回用于编辑item的控件指针。也就是编辑单元格时显示的控件实例，需要在这个函数里new出来并return。亦即，你得告诉代理，要用什么控件来编辑。

我的理解是，其它凡是带有editor入参的函数，都依赖这个函数，否则editor就是空指针，会报错的。这一点手册里我没看到哪里有提到，但亲测就是如此。

editorEvent函数：

相当于一个eventFilter。被代理的那个区域，如果发生事件，从这里写响应。

比如，我做了一个发送命令的界面：

a77dbe18af4e470dae07384da3f80d90.png

首先那个exec按钮是使用paint函数画上去的，但就是死的一匹。然后使用editorEvent函数捕获了鼠标点击事件。cpp代码如下：


void Debug_Delegate_Button::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{Q_UNUSED(index);QStyleOptionButton btnStyle;btnStyle.text = "exec";btnStyle.rect = option.rect;btnStyle.state = QStyle::State_Active;QPushButton btn;btn.setEnabled(m_bEnabled);btn.style()->drawControl(QStyle::CE_PushButton, &btnStyle, painter, &btn);
}
bool Debug_Delegate_Button::editorEvent(QEvent *event, QAbstractItemModel *model,const QStyleOptionViewItem &option, const QModelIndex &index)
{Q_UNUSED(model);QMouseEvent *mouseEvent = static_cast<QMouseEvent *>(event);if(option.rect.contains(mouseEvent->pos())){//Two signals will be send. Select one of them.//event->type() == QEvent::MouseButtonPress//event->type() == QEvent::MouseButtonReleaseif (event->type() == QEvent::MouseButtonPress && m_bEnabled){emit sigClicked(index.row());}}return true;
}

当捕获鼠标点击事件时，发送一个信号给外界，外界再处理这个信号，就知道是点击了哪一行的按钮。

setEditorData函数：

还是要提MVC模式的应用，比如一个view绑定了一个model，则model的数据是和view同步的。当编辑某个view对应的item时，如果使用了代理控件编辑它，控件就叫editor，用户操作editor，editor会把数据写入item。反之，用户更新item，editor也会同步更新。

所以，这个函数就是通过item更新editor。因为有editor入参，需要配合重写createEditor函数并返回editor。

setModelData函数：

通过操作editor更新item。因为有editor入参，需要配合重写createEditor函数并返回editor。

updateEditorGeometry函数：

手册提到：

Updates the geometry of the editor for the item with the given index, according to the rectangle specified in the option. If the item has an internal layout, the editor will be laid out accordingly. Note that the index contains information about the model being used.

我认为就是字面意思，用于更新区域显示布局效果，通常写一句editor->setGeometry(option.rect);即可。

官方实例spinbox：

如果要通过编辑view来更新model，也就是示例中spinbox用法，则看一段官方实例：

delegate.h

#ifndef DELEGATE_H
#define DELEGATE_H#include <QStyledItemDelegate>//! [0]
class SpinBoxDelegate : public QStyledItemDelegate
{Q_OBJECTpublic:SpinBoxDelegate(QObject *parent = nullptr);QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,const QModelIndex &index) const override;void setEditorData(QWidget *editor, const QModelIndex &index) const override;void setModelData(QWidget *editor, QAbstractItemModel *model,const QModelIndex &index) const override;void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option,const QModelIndex &index) const override;
};
//! [0]

delegate.cpp

#include "delegate.h"#include <QSpinBox>//! [0]
SpinBoxDelegate::SpinBoxDelegate(QObject *parent): QStyledItemDelegate(parent)
{
}
//! [0]//! [1]
QWidget *SpinBoxDelegate::createEditor(QWidget *parent,const QStyleOptionViewItem &/* option */,const QModelIndex &/* index */) const
{QSpinBox *editor = new QSpinBox(parent);editor->setFrame(false);editor->setMinimum(0);editor->setMaximum(100);return editor;
}
//! [1]//! [2]
void SpinBoxDelegate::setEditorData(QWidget *editor,const QModelIndex &index) const
{int value = index.model()->data(index, Qt::EditRole).toInt();QSpinBox *spinBox = static_cast<QSpinBox*>(editor);spinBox->setValue(value);
}
//! [2]//! [3]
void SpinBoxDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,const QModelIndex &index) const
{QSpinBox *spinBox = static_cast<QSpinBox*>(editor);spinBox->interpretText();int value = spinBox->value();model->setData(index, value, Qt::EditRole);
}
//! [3]//! [4]
void SpinBoxDelegate::updateEditorGeometry(QWidget *editor,const QStyleOptionViewItem &option,const QModelIndex &/* index */) const
{editor->setGeometry(option.rect);
}
//! [4]

createEditor函数定义了用于编辑单元格的spinbox控件，并返回editor控件指针，因为其它函数用到。

setEditorData函数把model中的item数据更新到spinbox。

setModelData函数把spinbox的操作结果更新到model的item。

updateEditorGeometry函数负责更新显示区域。

实践：

上面提到过放置button并可以响应点击的用法，只用到了paint和editorEvent函数。下面再记录进度条的用法。

因为进度条用于显示而不是编辑，需要界面一打开就能看到进度条，所以需要paint函数。而进度条又不像按钮那样需要用户操作，然后就没有然后了。

delegate_progressbar.h

#ifndef DELEGATE_PROGRESSBAR_H
#define DELEGATE_PROGRESSBAR_H#include <QStyledItemDelegate>
#include <QProgressBar>class Delegate_ProgressBar : public QStyledItemDelegate
{Q_OBJECT
public:Delegate_ProgressBar(QObject *parent = nullptr);enum EItemValue { eIV_Maxinum, eIV_Value };void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
};#endif // DELEGATE_PROGRESSBAR_H

delegate_progressbar.cpp

#include "delegate_progressbar.h"Delegate_ProgressBar::Delegate_ProgressBar(QObject *parent): QStyledItemDelegate(parent)
{}
void Delegate_ProgressBar::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{//这里控制显示效果QStyleOptionProgressBar pbarStyle;pbarStyle.rect = option.rect;pbarStyle.state = QStyle::State_Active;pbarStyle.maximum = index.data(Qt::UserRole + eIV_Maxinum).toInt();//设置进度条最大值pbarStyle.progress = index.data(Qt::UserRole + eIV_Value).toInt();//设置当前进度//这里把它绘制出来QProgressBar pbar;pbar.style()->drawControl(QStyle::CE_ProgressBar, &pbarStyle, painter, &pbar);
}

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>
#include <QStandardItemModel>
#include <QTimer>
#include "delegate_progressbar.h"namespace Ui {
class MainWindow;
}class MainWindow : public QMainWindow
{Q_OBJECTpublic:explicit MainWindow(QWidget *parent = nullptr);~MainWindow();private slots:void on_pushButton_clicked();void onTimerOut();private:Ui::MainWindow *ui;QStandardItemModel *m_model = nullptr;Delegate_ProgressBar *m_delegate = nullptr;QTimer *m_timer = nullptr;int m_i = 0;
};#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);m_model = new QStandardItemModel(2, 3, this);ui->tableView->setModel(m_model);m_delegate = new Delegate_ProgressBar;ui->tableView->setItemDelegateForColumn(2, m_delegate);QStandardItem *item = new QStandardItem;item->setData(100, Qt::UserRole + Delegate_ProgressBar::eIV_Maxinum);//这里给进度条设置最大值，相当于setMaximum。m_model->setItem(0, 2, item);//这是model的另一种用法，与直接操作item一样。
//    QModelIndex index = m_model->index(0, 2, QModelIndex());
//    m_model->setData(index, QVariant(50));m_timer = new QTimer(this);m_timer->setInterval(100);connect(m_timer, &QTimer::timeout, this, &MainWindow::onTimerOut);
}MainWindow::~MainWindow()
{delete ui;
}
void MainWindow::onTimerOut()
{m_model->item(0, 2)->setData(m_i++, Qt::UserRole + Delegate_ProgressBar::eIV_Value);//这里给进度条设置当前值，相当于setValue。if (m_i == 100){m_timer->stop();}
}
void MainWindow::on_pushButton_clicked()
{m_timer->start();
}

再提MVC模式。这里用到的tableview，当绑定model之后，即使model没有任何item，也可以设置行数和列数，运行效果依然能看到表格有行有列，但只能看不能操作。

给model添加item之后，每个item对应一个单元格，才能实现数据同步显示。

我这里需要单元格显示进度条，而进度条本质是max和value两个int数据，所以只要用代码控制响应item，让它存储的数据发生变化，则进度条就会响应变化了。

妥善起见，显示进度条的单元格设置为readonly。

item是个好东西，就像结构体一样，可以按角色字段划分，存储很多数据。而这些数据是QVariant类型，也就是任意类型，我还用它存过对象指针，基本上可以无限扩展，非常好用。

所以，如果要显示进度条的那个单元格能保存max和value两个int数据，非常简单，setData时，指定Qt:UserRole即可。比如：

item->setData(100, Qt:UserRole);

item->setData(50, Qt:UserRole + 1);

Qt:UserRole是枚举，后面加几都可以，那就根据需要定义成枚举，见名知意，比如：

item->setData(100, Qt:UserRole + eEnum_Max);

item->setData(50, Qt:UserRole + eEnum + Value);

就可以随便怎么玩了。

本文完。

 

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/156949.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

8. 一文快速学懂常用工具——Linux命令（上）

8. 一文快速学懂常用工具——Linux命令（上）

本章讲解知识点 引言 指令学习 本专栏适合于软件开发刚入职的学生或人士&#xff0c;有一定的编程基础&#xff0c;帮助大家快速掌握工作中必会的工具和指令。本专栏针对面试题答案进行了优化&#xff0c;尽量做到好记、言简意赅。如专栏内容有错漏&#xff0c;欢迎在评论区指…
阅读更多...
瑞数专题五

瑞数专题五

今日文案&#xff1a;焦虑&#xff0c;想象力过度发酵的产物。 网址&#xff1a;https://www.iyiou.com/ 专题五主要是分享瑞数6代。6代很少见&#xff0c;所以找理想哥要的&#xff0c;感谢感谢。 关于瑞数作者之前已经分享过4篇文章&#xff0c;全都收录在瑞数专栏中了&am…
阅读更多...
【计算机网络】浏览器的通信能力

【计算机网络】浏览器的通信能力

1. 用户代理 浏览器可以代替用户完成http请求&#xff0c;代替用户解析响应结果&#xff0c;所以我们称之为用户代理 user agent。 浏览器两大核心能力&#xff1a; 自动发送请求的能力自动解析响应的能力 1.1 自动发送请求的能力 用户在地址栏输入了一个url地址&#xff0…
阅读更多...
HarmonyOS数据管理与应用数据持久化（一）

HarmonyOS数据管理与应用数据持久化（一）

一. 数据管理概述 功能介绍 数据管理为开发者提供数据存储、数据管理能力&#xff0c;比如联系人应用数据可以保存到数据库中&#xff0c;提供数据库的安全、可靠等管理机制。 数据存储&#xff1a;提供通用数据持久化能力&#xff0c;根据数据特点&#xff0c;分为用户首选项、…
阅读更多...
逻辑分析仪与示波器选择

逻辑分析仪与示波器选择

一、简介 逻辑分析仪是利用时钟从测试设备上采集和显示数字信号的仪器&#xff0c;最主要的作用在于时序判定。逻辑分析仪与示波器不同&#xff0c;它不能显示连续的模拟量波形&#xff0c;而只显示高低两种电平状态&#xff08;逻辑1和0&#xff09;。在设置了参考电压后&…
阅读更多...
css中flexbox和grid的区别

css中flexbox和grid的区别

css中flexbox和grid的区别 我们是不是被那些不会按预期排列的元素所影响&#xff1f;这篇文章我们将深入探讨css中flexbox和grid的布局。通过了解他们的主要差异&#xff0c;我们会发现这些布局是如何改变我们网站的风格。 理解CSS布局 css布局是网页设计的一个重要方面&…
阅读更多...
【广州华锐互动】VR特警作战模拟演练系统

【广州华锐互动】VR特警作战模拟演练系统

在科技发展的驱动下&#xff0c;各行各业都在寻找新的方式来提升效率和培训质量。其中&#xff0c;虚拟现实&#xff08;VR&#xff09;技术在各个领域都有广泛的应用&#xff0c;包括警察培训。VR特警作战模拟演练系统由VR公司广州华锐互动开发&#xff0c;它使用虚拟现实环境…
阅读更多...
高效文件整理：按数量划分自动建立文件夹，轻松管理海量文件

高效文件整理：按数量划分自动建立文件夹，轻松管理海量文件

在日常生活和工作中&#xff0c;我们经常需要处理大量的文件。然而&#xff0c;如何高效地整理这些文件却是一个棘手的问题。有时候&#xff0c;我们可能需要按照特定的规则来建立文件夹&#xff0c;以便更高效地整理文件。例如&#xff0c;您可以按照日期、时间或者特定的标签…
阅读更多...
基于【逻辑回归】的评分卡模型金融借贷风控项目实战

基于【逻辑回归】的评分卡模型金融借贷风控项目实战

背景知识&#xff1a; 在银行借贷过程中&#xff0c;评分卡是一种以分数形式来衡量一个客户的信用风险大小的手段。今天我们来复现一个评分A卡的模型。完整的模型开发所需流程包括&#xff1a;获取数据&#xff0c;数据清洗和特征工程&#xff0c;模型开发&#xff0c…
阅读更多...
React中的状态管理

React中的状态管理

目录 前言 1. React中的状态管理 1.1 本地状态管理 1.2 全局状态管理 Redux React Context 2. React状态管理的优势 总结 前言 当谈到前端开发中的状态管理时&#xff0c;React是一个备受推崇的选择。React的状态管理机制被广泛应用于构建大型、复杂的应用程序&#xf…
阅读更多...
【c++|opencv】二、灰度变换和空间滤波---1.灰度变换、对数变换、伽马变换

【c++|opencv】二、灰度变换和空间滤波---1.灰度变换、对数变换、伽马变换

every blog every motto: You can do more than you think. https://blog.csdn.net/weixin_39190382?typeblog 0. 前言 灰度变换、对数变换、伽马变换 1. 灰度变换 #include <iostream> #include <opencv2/opencv.hpp>using namespace std; using namespace c…
阅读更多...
基于UDP/TCP的网络通信编程实现

基于UDP/TCP的网络通信编程实现

小王学习录 今日鸡汤Socket套接字基于UDP来实现一个网络通信程序DatagramSocket类DatagramPacket类基于UDP的服务器端代码基于UDP的客户端代码基于TCP来实现一个网络通信程序ServerSocket类Socket类基于TCP的服务器端代码基于TCP的客户端代码优化之后的服务器端代码补充TCP长短…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023