由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.rhkb.cn/news/178342.html

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

相关文章

基于springboot实现疫情防控期间外出务工人员信息管理系统项目【项目源码+论文说明】计算机毕业设计

基于springboot实现疫情防控期间外出务工人员信息管理系统项目【项目源码+论文说明】计算机毕业设计

基于springboot疫情防控期间外出务工人员信息管理系统 摘要 网络的广泛应用给生活带来了十分的便利。所以把疫情防控期间某村外出务工人员信息管理与现在网络相结合&#xff0c;利用java技术建设疫情防控期间某村外出务工人员信息管理系统&#xff0c;实现疫情防控期间某村外出…
阅读更多...
Linux编译器vim的使用

Linux编译器vim的使用

文章目录 vim基本概念vim的常用三种模式vim三种模式的相互转换 vim命令模式下的命令集移动光标删除文字剪切/删除复制替换撤销和恢复跳转至指定行 vim底行模式下的命令集 vim基本概念 vim是Linux下的一个多模式的编译器 简单来说就是写代码的工具 不提供编译调试等功能 有语法…
阅读更多...
0基础学习PyFlink——时间滚动窗口(Tumbling Time Windows)

0基础学习PyFlink——时间滚动窗口(Tumbling Time Windows)

大纲 mapreduce完整代码参考资料 在《0基础学习PyFlink——个数滚动窗口(Tumbling Count Windows)》一文中&#xff0c;我们发现如果窗口内元素个数没有达到窗口大小时&#xff0c;计算个数的函数是不会被调用的。如下图中红色部分 那么有没有办法让上图中&#xff08;B,2&…
阅读更多...
Prometheus接入AlterManager配置钉钉告警(基于K8S环境部署)

Prometheus接入AlterManager配置钉钉告警(基于K8S环境部署)

文章目录 一、钉钉群创建报警机器人二、安装Webhook-dingtalk插件三、配置Webhook-dingtalk插件对接钉钉群四、配置AlterManager告警发送至Webhook-dingtalk五、Prometheus接入AlterManager配置六、部署PrometheusAlterManager(放到一个Pod中)七、测试告警 注意&#xff1a;请基…
阅读更多...
Redis安装-常用命令及操作

Redis安装-常用命令及操作

目录 一.Redis简介 二.redis安装 1.1安装Linux版本 1.2安装 windows版本 三.redis的常用命令 Redis哈希(Hash) 一.Redis简介 Redis是一个开源&#xff08;BSD许可&#xff09;&#xff0c;内存存储的数据结构服务器&#xff0c;可用作数据库&#xff0c;高速缓存和消息队…
阅读更多...
SpringCloud(三) Ribbon负载均衡

SpringCloud(三) Ribbon负载均衡

SpringCloud(二) Eureka注册中心的使用-CSDN博客 在SpringCloud(二)中学习了如何通过Eureka实现服务的注册和发送,从而通过RestTemplate实现不同微服务之间的调用,加上LoadBalance注解之后实现负载均衡,那负载均衡的原理是什么呢? 目录 一, 负载均衡 1.1 负载均衡原理 1.2 源…
阅读更多...
数据可视化篇——pyecharts模块

数据可视化篇——pyecharts模块

在之前的文章中我们已经介绍过爬虫采集到的数据用途之一就是用作可视化报表&#xff0c;而pyecharts作为Python中可视化工具的一大神器必然就受到广大程序员的喜爱。 一、什么是Echarts&#xff1f; ECharts 官方网站 : https://echarts.apache.org/zh/index.html ECharts 是…
阅读更多...
UI动效的都可以用哪些工作来制作

UI动效的都可以用哪些工作来制作

随着UI设计的不断发展&#xff0c;UI动效越来越多地应用于现实生活中。手机&#xff0c;iPad、计算机、网页和其他设备被广泛使用&#xff0c;所以问题来了&#xff0c;为什么UI动态效果越来越被广泛使用&#xff1f;它的优点是什么&#xff1f;哪些软件可以设计UI动态效果&…
阅读更多...
Apache ECharts简介和相关操作

Apache ECharts简介和相关操作

文章目录 一、Apache ECharts介绍二、快速入门1.下载echarts.js文件2.新建index.html文件3.准备一个DOM容器用于显示图表4.完整代码展示5.相关配置 三、演示效果四、总结 一、Apache ECharts介绍 Apache ECharts 是一款基于 Javascript 的数据可视化图表库&#xff0c;提供直观…
阅读更多...
3 — NLP 中的标记化：分解文本数据的艺术

3 — NLP 中的标记化：分解文本数据的艺术

一、说明 这是一个系列文章的第三篇文章&#xff0c; 文章前半部分分别是&#xff1a; 1 、NLP 的文本预处理技术 2、NLP文本预处理技术&#xff1a;词干提取和词形还原 在本文中&#xff0c;我们将介绍标记化主题。在开始之前&#xff0c;我建议您阅读我之前介绍的关…
阅读更多...
最新版一媒体7.3、星媒体、皮皮剪辑，视频MD ，安卓手机剪辑去重神器+搬运脚本+去视频重软件工具

最新版一媒体7.3、星媒体、皮皮剪辑，视频MD ，安卓手机剪辑去重神器+搬运脚本+去视频重软件工具

最新版一媒体app安卓版介绍&#xff1a; 这是一款功能强大的视频搬运工具&#xff0c;内置海量视频编辑工具&#xff0c;支持一键智能化处理、混剪、搬运、还能快速解析和去水印等等&#xff0c;超多实用功能等着您来体验&#xff01; 老牌手机剪辑去重神器&#xff0c;用过的…
阅读更多...
【Linux】安装使用Nginx负载均衡，并且部署前端项目

【Linux】安装使用Nginx负载均衡，并且部署前端项目

目录 一、Nginx概述 1. 什么 2. 背景 3. 作用 二、Nginx负载均衡 1. 讲述 2. 使用 1. 下载 2. 安装 3. 负载均衡 三、前端部署 1. 准备 2. 部署 一、Nginx概述 1. 什么 Nginx是一个高性能的开源Web服务器和反向代理服务器。它具有轻量级、高并发、低内存消耗的…
阅读更多...
c++设计模式二：原型模式

c++设计模式二：原型模式

使用场景&#xff1a;当需要构建多个相同的类对象时&#xff0c;而且该类对象结构较为复杂&#xff0c;如果每个都重新组织构建会很麻烦。 其实&#xff0c;就是写一个拷贝构造函数&#xff0c;或者写一个拷贝每个成员变量的clone()方法。 举例说明&#xff1a;比如一个相亲网站…
阅读更多...
通过条件竞争实现内核提权

通过条件竞争实现内核提权

条件竞争漏洞&#xff08;Race Condition Vulnerability&#xff09;是一种在多线程或多进程并发执行时可能导致不正确行为或数据损坏的安全问题。这种漏洞通常发生在多个线程或进程试图访问和修改共享资源&#xff08;如内存、文件、网络连接等&#xff09;时&#xff0c;由于…
阅读更多...
01背包问题

01背包问题

算法分析&#xff1a; 算法优化&#xff1a;&#xff08;转为一维进行存储&#xff09; &#xff1a; 代码实现&#xff1a;
阅读更多...
Qt5 安装 phonon

Qt5 安装 phonon

Qt5 安装 phonon Qt5 安装 phonon问题描述安装组件 Qt5 安装 phonon 开发环境&#xff1a;Qt Creator 4.6.2 Based on Qt 5.9.6 问题描述 在运行 Qt5 项目时&#xff0c;显示错误&#xff1a; error: Unknown module(s) in QT: phonon这是缺少组件的原因&#xff0c;QT: pho…
阅读更多...
微服务框架SpringcloudAlibaba+Nacos集成RabbitMQ

微服务框架SpringcloudAlibaba+Nacos集成RabbitMQ

目前公司使用jeepluscloud版本&#xff0c;这个版本没有集成消息队列&#xff0c;这里记录一下&#xff0c;集成的过程&#xff1b;这个框架跟ruoyi的那个微服务版本结构一模一样&#xff0c;所以也可以快速上手。 1.项目结构图&#xff1a; 配置类的东西做成一个公共的模块 …
阅读更多...
机器学习快速入门教程 Scikit-Learn实现

机器学习快速入门教程 Scikit-Learn实现

机器学习是什么？ 机器学习是一帮计算机科学家想让计算机像人一样思考所研发出来的计算机理论。他们曾经说过,人和计算机其实本没有差别,同样都是一大批互相连接的信息传递和存储元素所组成的系统。所以有了这样的想法,加上他们得天独厚的数学功底,机器学习的前身也就孕育而生…
阅读更多...
的修工单管理系统好用吗？工单系统应该怎么选？

的修工单管理系统好用吗？工单系统应该怎么选？

在当今的数字化时代&#xff0c;企业运营效率的高低往往取决于其内部管理工具的先进性和实用性。工单管理系统作为企业运营中的重要工具&#xff0c;其作用日益凸显。市场上存在许多工单管理系统&#xff0c;但“的修”以其独特的产品差异化和优势&#xff0c;在竞争中独树一帜…
阅读更多...
容器：软件性能测试的最佳环境

容器：软件性能测试的最佳环境

容器总体上提供了一种经济的和可扩展的方法来测试产品在实际情况下的性能&#xff0c;同时还能保持较低的资源成本和开销成本。 软件性能和可伸缩性是我们谈论应用程序开发时经常遇到的话题。一个很大的原因是应用程序的性能和可伸缩性直接影响其在市场上的成功。一个应用程序…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023