Qt 模型、视图、代理

提示文章写完后目录可以自动生成如何生成可参考右边的帮助文档文章目录前言一、MVD的理解二、代码1.实现的功能2.效果3.代码示例总结前言模型和视图的主要作用就是实现数据显示和存储分离Qt通过MVD模型、视图、代理实现了这种功能。一、MVD的理解模型 M:模型类定义了标准的接口供视图View和委托(Delegate)来访问数据。数据本身不需要存储在模型中;它可以保存在由单独的类、文件、数据库或其它应用程序组件提供的数据结构或存储库中。模型对数据进行封装例如封装成List、Tree、Table等并提供了数据的访问接口例如data()、setData()等。有的简单的数据可以保存在Model中复杂的可以保存在类、文件、数据库等组件中。 例如QStringListModel类可以保存QString数据QFileSystemModel类可以组织、封装文件系统数据并提供访问接口QSqlQueryModel、QSqlTableModel和QSqlRelationalTableModel组织、封装数据库数据并提供数据的访问接口。视图 V:视图提供了一个标准接口通过信号和槽机制与模型进交互操作使子类能够随时更新其模型的更改。视图类负责人眼能看到的一些属性包括数据的绘制管理表头、数据项的选择网格的显示隐藏以及行高列宽的设置等。另外提供信号当交互操作时通知模型更新数据等。代理D:代理为模型/视图架构中的代理提供了接口和通用函数。代理在视图中显示单独的数据项并且处理模型数据的编辑。代理提供了访问模型和视图的接口当要实现复杂功能的显示时例如表格中显示下拉框、按钮、进度条等只靠模型和视图不能实现需要借助代理来实现。代理可以通过创建编辑器编辑器可以是下拉框、按钮或者进度条等并实现代理提供的虚函数来实现这些功能。二、代码1.实现的功能该demo使用QTableView、QStandardItemModel、QStyledItemDelegate类创建了表格并表格中自定义了QComboBox、QSpinBox、QPushButton、QProgressBar等其中按钮关联槽函数获取表格item的值并打印并且创建了定时器在超时槽函数中更新进度条的值。实现时代理我选择了QStyledItemDelegate类因为更新进度条时需要重绘进度条样式。若只有交互组件不用重绘组件样式也可选用QItemDelegate。2.效果3.代码示例3.1 Mainwindow.h头文件代码示例#ifndefMAINWINDOW_H#defineMAINWINDOW_H#includeQMainWindow#includeQTableView#includeQStandardItemModel#includeMyitemydelegate.h#includeQVBoxLayout#includeQTextBrowser#includeQTimernamespaceUi{classMainWindow;}classMainWindow:publicQMainWindow{Q_OBJECTpublic:explicitMainWindow(QWidget*parent0);~MainWindow();private:Ui::MainWindow*ui;QString tableInitData[4][5]{{张一,男,21,10,获取},{张二,男,22,20,获取},{张三,女,23,30,获取},{张四,女,24,40,获取}};QTimer*updateBarTimer;QWidget*centralWidget;QTableView*tableView;QStandardItemModel*itemModel;MyItemyDelegate*delegate;QVBoxLayout*widgetVLayout;QTextBrowser*displayBrowser;voidinitTable();publicslots:voidtableBtnClickedSlot(introw);voidupdateProgressBarData();};#endif// MAINWINDOW_H3.2 Mainwindow.cpp文件代码示例#includemainwindow.h#includeui_mainwindow.h#includeQDebugMainWindow::MainWindow(QWidget*parent):QMainWindow(parent),ui(newUi::MainWindow){ui-setupUi(this);initTable();}MainWindow::~MainWindow(){deleteui;}voidMainWindow::initTable(){/*新建对象*/updateBarTimernewQTimer;centralWidgetnewQWidget(this);tableViewnewQTableView;itemModelnewQStandardItemModel;delegatenewMyItemyDelegate;widgetVLayoutnewQVBoxLayout;displayBrowsernewQTextBrowser;/*设置表格格式*/itemModel-setColumnCount(5);itemModel-setRowCount(4);itemModel-setHeaderData(0,Qt::Horizontal,姓名);itemModel-setHeaderData(1,Qt::Horizontal,性别);itemModel-setHeaderData(2,Qt::Horizontal,年龄);itemModel-setHeaderData(3,Qt::Horizontal,学习进度);itemModel-setHeaderData(4,Qt::Horizontal,获取进度);/*表格设置模型和代理*/tableView-setModel(itemModel);tableView-setItemDelegate(delegate);/*布局*/widgetVLayout-addWidget(tableView);widgetVLayout-addWidget(displayBrowser);centralWidget-setLayout(widgetVLayout);this-setCentralWidget(centralWidget);/*表格item初始化*/for(inti0;i4;i){for(intj0;j5;j){itemModel-setItem(i,j,newQStandardItem(tableInitData[i][j]));itemModel-item(i,j)-setTextAlignment(Qt::AlignCenter);}}connect(delegate,SIGNAL(clicked(int)),this,SLOT(tableBtnClickedSlot(int)));connect(updateBarTimer,SIGNAL(timeout()),this,SLOT(updateProgressBarData()));updateBarTimer-start(1000);}/*表格中按钮的响应槽函数*/voidMainWindow::tableBtnClickedSlot(introw){displayBrowser-clear();QString itemName[4]{姓名,性别,年龄,学习进度};for(inti0;i4;i){displayBrowser-append(itemName[i]itemModel-item(row,i)-text());}}/*定时器超时函数更新进度条*/voidMainWindow::updateProgressBarData(){for(inti0;i4;i){intsetData(itemModel-item(i,3)-text().toInt()5)%100;itemModel-setData(itemModel-index(i,3),setData);}}3.3 MyItemyDelegate.h文件代码示例在使用代理时有几个虚函数需要在子类中重新实现具体可根据需要去实现例如当需要绘制样式时需要实现paint()函数否则不用实现。#ifndefMYITEMYDELEGATE_H#defineMYITEMYDELEGATE_H#includeQObject#includeQPushButton#includeQComboBox#includeQSpinBox#includeQProgressBar#includeQStyledItemDelegateclassMyItemyDelegate:publicQStyledItemDelegate{Q_OBJECTpublic:explicitMyItemyDelegate(QObject*parentnullptr);~MyItemyDelegate();/*当需要创建自定义交互编辑器时需要实现下面这几个函数*/QWidget*createEditor(QWidget*parent,constQStyleOptionViewItemoption,constQModelIndexindex)constoverride;voidsetEditorData(QWidget*editor,constQModelIndexindex)constoverride;voidsetModelData(QWidget*editor,QAbstractItemModel*model,constQModelIndexindex)constoverride;voidupdateEditorGeometry(QWidget*editor,constQStyleOptionViewItemoption,constQModelIndexindex)constoverride;/*当需要绘制样式时需要重新实现paint()函数*/voidpaint(QPainter*painter,constQStyleOptionViewItemoption,constQModelIndexindex)const;/*当需要过滤操作事件例如按钮点击事件时需要重新实现editorEvent()函数*/booleditorEvent(QEvent*event,QAbstractItemModel*model,constQStyleOptionViewItemoption,constQModelIndexindex);signals:voidclicked(introw);};#endif// MYITEMYDELEGATE_H3.4MyItemyDelegate.cpp文件代码示例#includeMyitemydelegate.h#includeQApplication#includeQMouseEvent#includeQDebugMyItemyDelegate::MyItemyDelegate(QObject*parent):QStyledItemDelegate(parent){}MyItemyDelegate::~MyItemyDelegate(){}QWidget*MyItemyDelegate::createEditor(QWidget*parent,constQStyleOptionViewItemoption,constQModelIndexindex)const{if(index.column()1)/*性别*/{QComboBox*tableComBoxnewQComboBox(parent);tableComBox-addItem(男);tableComBox-addItem(女);returntableComBox;}elseif(index.column()2)/*年龄*/{QSpinBox*tableSpinBoxnewQSpinBox(parent);tableSpinBox-setFrame(false);tableSpinBox-setMinimum(0);tableSpinBox-setMaximum(100);returntableSpinBox;}elseif(index.column()3)/*进度*/{returnnullptr;}elseif(index.column()4)/*控制按钮*/{returnnullptr;}returnQStyledItemDelegate::createEditor(parent,option,index);}voidMyItemyDelegate::setEditorData(QWidget*editor,constQModelIndexindex)const{if(index.column()1)/*性别*/{QString valueindex.model()-data(index,Qt::EditRole).toString();QComboBox*comboBoxstatic_castQComboBox*(editor);inttindexcomboBox-findText(value);comboBox-setCurrentIndex(tindex);}elseif(index.column()2)/*年龄*/{intvalueindex.model()-data(index,Qt::EditRole).toInt();QSpinBox*spinBoxstatic_castQSpinBox*(editor);spinBox-setValue(value);}else{QStyledItemDelegate::setEditorData(editor,index);}}voidMyItemyDelegate::setModelData(QWidget*editor,QAbstractItemModel*model,constQModelIndexindex)const{if(index.column()1)/*性别*/{QComboBox*comboBoxstatic_castQComboBox*(editor);QString textcomboBox-currentText();model-setData(index,text,Qt::EditRole);}elseif(index.column()2)/*年龄*/{QSpinBox*spinBoxstatic_castQSpinBox*(editor);spinBox-interpretText();intvaluespinBox-value();model-setData(index,value,Qt::EditRole);}else{QStyledItemDelegate::setModelData(editor,model,index);}}voidMyItemyDelegate::updateEditorGeometry(QWidget*editor,constQStyleOptionViewItemoption,constQModelIndexindex)const{Q_UNUSED(index)editor-setGeometry(option.rect);}voidMyItemyDelegate::paint(QPainter*painter,constQStyleOptionViewItemoption,constQModelIndexindex)const{if(index.isValid()(index.column()3)){QStyleOptionProgressBar*progressBarnewQStyleOptionProgressBar;progressBar-rectoption.rect;progressBar-progressindex.data().toInt();progressBar-maximum100;progressBar-minimum0;progressBar-textQString::number(progressBar-progress)%;progressBar-textVisibletrue;progressBar-textAlignmentQt::AlignCenter;QApplication::style()-drawControl(QStyle::CE_ProgressBar,progressBar,painter);}elseif(index.isValid()(index.column()4)){QStyleOptionButton*btnStylenewQStyleOptionButton;btnStyle-text获取;btnStyle-rectoption.rect;btnStyle-stateQStyle::State_Enabled;QPushButton btn;btn.style()-drawControl(QStyle::CE_PushButton,btnStyle,painter,btn);}else{QStyledItemDelegate::paint(painter,option,index);}}boolMyItemyDelegate::editorEvent(QEvent*event,QAbstractItemModel*model,constQStyleOptionViewItemoption,constQModelIndexindex){Q_UNUSED(model);QMouseEvent*mouseEventstatic_castQMouseEvent*(event);if(option.rect.contains(mouseEvent-pos())){if((event-type()QEvent::MouseButtonPress)(index.column()4)){emitclicked(index.row());}}returnQStyledItemDelegate::editorEvent(event,model,option,index);}总结以上就是今天要讲的内容本文以QTableView为例仅仅简单介绍模型、视图、代理的简单使用方法Qt还提供了其它丰富的类感兴趣可继续深入学习。