Qt浅谈之十九：Model/View实现表格和统计图

2024-03-11 11:08
文章标签 实现 qt 表格 model 浅谈 view 统计图 十九

本文主要是介绍Qt浅谈之十九：Model/View实现表格和统计图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、简介

       Model/View结构使数据管理与相应的数据显示相互独立，并提供了一系列标准的函数接口和用于Model模块与View模块之间的通信。它从MVC演化而来，MVC由三种对象组成，Model是应用程序对象，View是它的屏幕表示，Controller定义了用户界面如何对用户输入进行响应。把MVC中的View和Controller合在一起，就形成了Model/View结构。

二、运行图

（1）为了灵活对用户的输入进行处理，引入了Delegate，Model、View、Delegate三个模块之间通过信号与槽机制实现，当自身的状态发生改变时会发出信号通知其他模块。它们间的关系如下图1所示。

       QAbstractItemModel是所有Model的基类，但一般不直接使用QAbstractItemModel，而是使用它的子类。Model模块本身并不存储数据，而是为View和Delegate访问数据提供标准的接口。

       View模块从Model中获得数据项显示给用户，Qt提供了一些常用的View模型，如QTreeView、QTableView和QListView。

       Delegate的基本接口在QAbstractItemDelegate类中定义，通过实现paint()和sizeHint()以达到渲染数据项的目的。

（2）程序运行图如下图2所示。


三、详解

1、表格中嵌入控件

利用Delegate的方式实现表格中嵌入各种不同控件的效果，控件在需要编辑数据项时才出现。

（1）插入日历编辑框QDateLineEdit

#ifndef DATEDELEGATE_H
#define DATEDELEGATE_H#include <QtGui>class DateDelegate : public QItemDelegate
{Q_OBJECTpublic:DateDelegate(QObject *parent = 0);QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option,const QModelIndex &index) const;void setEditorData(QWidget *editor, const QModelIndex &index) const;void setModelData(QWidget *editor, QAbstractItemModel *model,const QModelIndex &index) const;void updateEditorGeometry(QWidget *editor,const QStyleOptionViewItem &option, const QModelIndex &index) const;
};#endif
#include "datedelegate.h"DateDelegate::DateDelegate(QObject *parent): QItemDelegate(parent)
{
}QWidget *DateDelegate::createEditor(QWidget *parent,const QStyleOptionViewItem &/* option */,const QModelIndex &/* index */) const
{QDateTimeEdit *editor = new QDateTimeEdit(parent);editor->setDisplayFormat("yyyy-MM-dd");editor->setCalendarPopup(true);editor->installEventFilter(const_cast<DateDelegate*>(this));return editor;
}void DateDelegate::setEditorData(QWidget *editor,const QModelIndex &index) const
{QString dateStr = index.model()->data(index).toString();QDate date = QDate::fromString(dateStr,Qt::ISODate);QDateTimeEdit *edit = static_cast<QDateTimeEdit*>(editor);edit->setDate(date);
}void DateDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,const QModelIndex &index) const
{QDateTimeEdit *edit = static_cast<QDateTimeEdit*>(editor);QDate date = edit->date();model->setData(index, QVariant(date.toString(Qt::ISODate)));
}void DateDelegate::updateEditorGeometry(QWidget *editor,const QStyleOptionViewItem &option, const QModelIndex &/* index */) const
{editor->setGeometry(option.rect);
}
       分析：DateDelegate继承QItemDelegate，一般需要重定义声明中的几个虚函数。createEditor()函数完成创建控件的工作；setEditorDate()设置控件显示的数据，把Model数据更新至Delegate，相当于初始化工作；setModelDate()把Delegate中对数据的更改更新至Model中；updateEditor()更析控件区的显示。

（2）插入下拉列表框QComboBox

#include "combodelegate.h"ComboDelegate::ComboDelegate(QObject *parent): QItemDelegate(parent)
{
}QWidget *ComboDelegate::createEditor(QWidget *parent,const QStyleOptionViewItem &/* option */,const QModelIndex &/* index */) const
{QComboBox *editor = new QComboBox(parent);editor->addItem(QString::fromLocal8Bit("工人"));editor->addItem(QString::fromLocal8Bit("农民"));editor->addItem(QString::fromLocal8Bit("医生"));editor->addItem(QString::fromLocal8Bit("律师"));editor->addItem(QString::fromLocal8Bit("军人"));editor->installEventFilter(const_cast<ComboDelegate*>(this));return editor;
}void ComboDelegate::setEditorData(QWidget *editor,const QModelIndex &index) const
{QString str = index.model()->data(index).toString();QComboBox *box = static_cast<QComboBox*>(editor);int i = box->findText(str);box->setCurrentIndex(i);
}void ComboDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,const QModelIndex &index) const
{QComboBox *box = static_cast<QComboBox*>(editor);QString str = box->currentText();model->setData(index, str);
}void ComboDelegate::updateEditorGeometry(QWidget *editor,const QStyleOptionViewItem &option, const QModelIndex &/* index */) const
{editor->setGeometry(option.rect);
}

（3）插入微调器QSpinBox

#include "spindelegate.h"SpinDelegate::SpinDelegate(QObject *parent): QItemDelegate(parent)
{
}QWidget *SpinDelegate::createEditor(QWidget *parent,const QStyleOptionViewItem &/* option */,const QModelIndex &/* index */) const
{QSpinBox *editor = new QSpinBox(parent);editor->setRange(1000,10000);    editor->installEventFilter(const_cast<SpinDelegate*>(this));return editor;
}void SpinDelegate::setEditorData(QWidget *editor,const QModelIndex &index) const
{int value = index.model()->data(index).toInt();QSpinBox *spin = static_cast<QSpinBox*>(editor);spin->setValue(value);
}void SpinDelegate::setModelData(QWidget *editor, QAbstractItemModel *model,const QModelIndex &index) const
{QSpinBox *spin = static_cast<QSpinBox*>(editor);int value = spin->value();model->setData(index, value);
}void SpinDelegate::updateEditorGeometry(QWidget *editor,const QStyleOptionViewItem &option, const QModelIndex &/* index */) const
{editor->setGeometry(option.rect);
}

2、柱状统计图

自定义的View实现一个柱状统计图对TableModel的表格数据进行显示。 
#ifndef HISTOGRAMVIEW_H
#define HISTOGRAMVIEW_H#include <QtGui>class HistogramView : public QAbstractItemView
{Q_OBJECT
public:HistogramView(QWidget *parent=0);QRect visualRect(const QModelIndex &index)const;void scrollTo(const QModelIndex &index, ScrollHint hint = EnsureVisible);QModelIndex indexAt(const QPoint &point) const;    void paintEvent(QPaintEvent *);void mousePressEvent(QMouseEvent *);void setSelectionModel(QItemSelectionModel * selectionModel);QRegion itemRegion(QModelIndex index);  protected slots:void dataChanged(const QModelIndex &topLeft, const QModelIndex &bottomRight);void selectionChanged(const QItemSelection & selected, const QItemSelection & deselected );protected:QModelIndex moveCursor(QAbstractItemView::CursorAction cursorAction,Qt::KeyboardModifiers modifiers);int horizontalOffset() const;int verticalOffset() const;    bool isIndexHidden(const QModelIndex &index) const;void setSelection ( const QRect&rect, QItemSelectionModel::SelectionFlags flags );QRegion visualRegionForSelection(const QItemSelection &selection) const;       private:QItemSelectionModel *selections; QList<QRegion> listRegionM;  QList<QRegion> listRegionF; QList<QRegion> listRegionS; };#endif 

#include "histogramview.h"HistogramView::HistogramView(QWidget *parent): QAbstractItemView(parent)
{}void HistogramView::dataChanged(const QModelIndex &topLeft, const QModelIndex &bottomRight)
{QAbstractItemView::dataChanged(topLeft, bottomRight);viewport()->update();
}QRect HistogramView::visualRect(const QModelIndex &index) const
{}void HistogramView::scrollTo(const QModelIndex &index, ScrollHint hint)
{}QModelIndex HistogramView::indexAt(const QPoint &point) const
{QPoint newPoint(point.x(),point.y());QRegion region;foreach(region,listRegionM){if (region.contains(newPoint)){int row = listRegionM.indexOf(region);QModelIndex index = model()->index(row, 3,rootIndex());return index;}}return QModelIndex();
}QModelIndex HistogramView::moveCursor(QAbstractItemView::CursorAction cursorAction,Qt::KeyboardModifiers modifiers)
{}int HistogramView::horizontalOffset() const
{
}int HistogramView::verticalOffset() const
{}bool HistogramView::isIndexHidden(const QModelIndex &index) const
{}void HistogramView::setSelectionModel(QItemSelectionModel * selectionModel)
{selections = selectionModel;
}void HistogramView::mousePressEvent(QMouseEvent *e)
{QAbstractItemView::mousePressEvent(e);setSelection(QRect(e->pos().x(),e->pos().y(),1,1),QItemSelectionModel::SelectCurrent);    
}QRegion HistogramView::itemRegion(QModelIndex index)
{QRegion region;if (index.column() == 3)region = listRegionM[index.row()];return region;
}void HistogramView::setSelection ( const QRect &rect, QItemSelectionModel::SelectionFlags flags )
{int rows = model()->rowCount(rootIndex());int columns = model()->columnCount(rootIndex());QModelIndex selectedIndex;for (int row = 0; row < rows; ++row) {for (int column = 1; column < columns; ++column) {QModelIndex index = model()->index(row, column, rootIndex());QRegion region = itemRegion(index);if (!region.intersected(rect).isEmpty())selectedIndex = index;}}if(selectedIndex.isValid()) selections->select(selectedIndex,flags);else {QModelIndex noIndex;selections->select(noIndex, flags);}
}QRegion HistogramView::visualRegionForSelection(const QItemSelection &selection) const
{}void HistogramView::selectionChanged(const QItemSelection & selected, const QItemSelection & deselected )
{viewport()->update();
}void HistogramView::paintEvent(QPaintEvent *)
{QPainter painter(viewport());painter.setPen(Qt::black);int x0 = 40;int y0 = 250;// draw coordinate  painter.drawLine(x0, y0, 40, 30);painter.drawLine(38, 32, 40, 30);painter.drawLine(40, 30, 42, 32);painter.drawText(5, 45, tr("income"));for (int i=1; i<5; i++) {painter.drawLine(-1,-i*50,1,-i*50);painter.drawText(-20,-i*50,tr("%1").arg(i*5));}// x轴painter.drawLine(x0, y0, 540, 250);painter.drawLine(538, 248, 540, 250);painter.drawLine(540, 250, 538, 252);painter.drawText(500, 270, tr("name"));int row;// nameint posD = x0+20;for (row = 0; row < model()->rowCount(rootIndex()); row++) {QModelIndex index = model()->index(row, 0, rootIndex());QString dep = model()->data(index).toString();    painter.drawText(posD,y0+20,dep);posD += 50;}// incomeint posM = x0+20;for (row = 0; row < model()->rowCount(rootIndex()); row++){QModelIndex index = model()->index(row, 3, rootIndex());int income = model()->data(index).toDouble();int width = 10;if (selections->isSelected(index))painter.setBrush(QBrush(Qt::darkBlue,Qt::SolidPattern));elsepainter.setBrush(Qt::blue);painter.drawRect(QRectF(posM + 10, y0-income/25, width, income/25));QRegion regionM(posM + 10, y0-income/25, width, income/25);listRegionM << regionM;posM += 50;}
}
       分析：对父类的QAbstractItemView中的所有纯虚函数都必须进行声明， 纯虚函数包括visualRect()、scrollTo()、indexAt()、moveCursor()、horizontalOffset()、verticalOffset()、isIndexHidden()、setSelection()和visualRegionForSelection()，这些函数并不一定都要实现，根据功能要求选择实现。

四、总结

（1）Mode/View结构比较难于理解，在此先作简单的介绍，以后再进行更加深入的研究。

（2）感兴趣的可以下载源码分析，并在其基础上进行自己的开发，本人水平有限，也只能提供代码供读者延伸。

（3）源码已经打包上传到csdn上可登录下载（http://download.csdn.net/detail/taiyang1987912/7797583）。  

（4）若有更好的设计建议，也可发邮件沟通，在此先感谢！邮箱地址yang.ao@i-soft.com.cn。

这篇关于Qt浅谈之十九：Model/View实现表格和统计图的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/797631。

相关文章

AJAX请求上传下载进度监控实现方式

AJAX请求上传下载进度监控实现方式

《AJAX请求上传下载进度监控实现方式》在日常Web开发中,AJAX（AsynchronousJavaScriptandXML）被广泛用于异步请求数据,而无需刷新整个页面,：本文主要介绍AJAX请... 目录1. 前言2. 基于XMLHttpRequest的进度监控2.1 基础版文件上传监控2.2 增强版多
阅读更多...
Redis分片集群的实现

Redis分片集群的实现

《Redis分片集群的实现》Redis分片集群是一种将Redis数据库分散到多个节点上的方式,以提供更高的性能和可伸缩性,本文主要介绍了Redis分片集群的实现,具有一定的参考价值,感兴趣的可以了解一... 目录1. Redis Cluster的核心概念哈希槽（Hash Slots）主从复制与故障转移2.
阅读更多...
springboot+dubbo实现时间轮算法

springboot+dubbo实现时间轮算法

《springboot+dubbo实现时间轮算法》时间轮是一种高效利用线程资源进行批量化调度的算法,本文主要介绍了springboot+dubbo实现时间轮算法,文中通过示例代码介绍的非常详细,对大家... 目录前言一、参数说明二、具体实现1、HashedwheelTimer2、createWheel3、n
阅读更多...
使用Python实现一键隐藏屏幕并锁定输入

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.
阅读更多...
Mybatis 传参与排序模糊查询功能实现

Mybatis 传参与排序模糊查询功能实现

《Mybatis传参与排序模糊查询功能实现》：本文主要介绍Mybatis传参与排序模糊查询功能实现,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、#{ }和${ }传参的区别二、排序三、like查询四、数据库连接池五、mysql 开发企业规范一、#{ }和${ }传参的
阅读更多...
Docker镜像修改hosts及dockerfile修改hosts文件的实现方式

Docker镜像修改hosts及dockerfile修改hosts文件的实现方式

《Docker镜像修改hosts及dockerfile修改hosts文件的实现方式》：本文主要介绍Docker镜像修改hosts及dockerfile修改hosts文件的实现方式,具有很好的参考价... 目录docker镜像修改hosts及dockerfile修改hosts文件准备 dockerfile 文
阅读更多...
基于SpringBoot+Mybatis实现Mysql分表

基于SpringBoot+Mybatis实现Mysql分表

《基于SpringBoot+Mybatis实现Mysql分表》这篇文章主要为大家详细介绍了基于SpringBoot+Mybatis实现Mysql分表的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录基本思路定义注解创建ThreadLocal创建拦截器业务处理基本思路1.根据创建时间字段按年进
阅读更多...
SpringBoot3实现Gzip压缩优化的技术指南

SpringBoot3实现Gzip压缩优化的技术指南

《SpringBoot3实现Gzip压缩优化的技术指南》随着Web应用的用户量和数据量增加,网络带宽和页面加载速度逐渐成为瓶颈,为了减少数据传输量,提高用户体验,我们可以使用Gzip压缩HTTP响应,... 目录1、简述2、配置2.1 添加依赖2.2 配置 Gzip 压缩3、服务端应用4、前端应用4.1 N
阅读更多...
SpringBoot实现数据库读写分离的3种方法小结

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一：基于AbstractRoutingDataSource实现动态
阅读更多...
Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2