Qt5MVC模式(一)

Qt5MVC模式(一):概述上


By Xchen 20160627

MVC设计模式
起源于smalltalk的一种与用户界面设计相关的设计模式。
作用:有效的分离数据和用户界面。
组成:模型model(表示数据)、视图view(表示用户界面)、控制controller(定义用户在界面上的操作)。
interView框架
Qt的MVC
区别:将视图与控制结合在一起,同时添加了代理delegate能够自定义数据条目item的显示与编辑方式。
组成:模型model(表示数据)、视图view(表示用户界面)、代理delegate(自定义数据条目item的显示与编辑方式)。
模型与视图结构:
模型与数据通信,并提供接口
视图从模型中获取数据条目索引
代理绘制数据条目
通信方式:信号&槽
这里写图片描述
工作过程:
数据改变时,模型发出信号通知视图;
用户对界面操作时,视图发出信号;
代理发出信号告知模型和视图编辑器目前的状态;
模型model(表示数据)
抽象基类QAbstractItemModel
列表的抽象基类QAbstractListModel、表格的抽象基类QAbstractTableModel
QDirModel类是文件与目录的存储模型
QStandardItemModel类
QStringListModel类
视图view(表示用户界面)
抽象基类QAbstractItemView
QListView—QListWidget\QUndoView
QTableView—QTableWidget
QTreeView—QTreeWidget
QColumnView
QHeaderView
实际上:QListWidget、QTableWidget、QTreeWidget已经包含数据,是模型与视图集成的类
代理delegate(自定义数据条目item的显示与编辑方式)
抽象基类QAbstractItemDelegate
QItemDelegate/QStyleItemDelegate
类QItemDelegate 由类QSqlRelationDelegate继承

实例一:文件目录浏览器

截图:
这里写图片描述
创建过程:
1. 声明一个QDirModel对象model;
2. 分别声明三个视图对象QTreeView、QTableView、QListView;
3. 设置视图对象的模型为setModel(model);
4. 设置视图的选择模式setSelectionMode(QAbstractItemView::MultiSelection);
5. 信号槽的连接
6. 分隔窗体的设置
头文件:

#include <QApplication>
#include <QAbstractItemModel>
#include <QAbstractItemView>
#include <QItemSelectionModel>
#include <QDirModel>
#include <QTreeView>
#include <QListView>
#include <QTableView>
#include <QSplitter>

QItemSelectionModel类:用来设置模型的选择模式的。

实例二:Model例子——将数值代码转换为文字模型(实现自定义模型)

这里写图片描述

实例三:自定义View实现显示柱状统计图

这里写图片描述

Qt中的MVC(Model-View-Controller)模式是一种常用的软件架构模式,用于将应用程序的数据、用户界面和业务逻辑分离开来,以实现更好的代码组织和可维护性。 在Qt中,MVC模式可以通过自定义的控制器来实现。具体来说,QtMVC架构可以描述为Model/View,并通过自定义的控制器来实现Model/View/Controller的设计模式。 在这种架构中,Model负责管理应用程序的数据,View负责显示数据和与用户交互,而Controller负责处理用户输入并更新Model和View之间的关系。 通过使用MVC模式,可以实现以下优点: 1. 分离关注点:MVC模式将数据、用户界面和业务逻辑分离开来,使得代码更易于理解和维护。 2. 可扩展性:由于模块之间的松耦合性,可以更容易地添加新的功能或修改现有功能。 3. 可重用性:通过将数据和界面分离,可以更容易地重用模型和视图组件。 4. 可测试性:由于模块之间的明确分离,可以更容易地对模型、视图和控制器进行单元测试。 以下是一个简单的示例代码,演示了如何在Qt中实现MVC架构: ```cpp // Model class DataModel : public QObject { Q_OBJECT public: // 数据相关的方法和属性 }; // View class DataView : public QWidget { Q_OBJECT public: // 显示数据和处理用户交互的方法和属性 }; // Controller class DataController : public QObject { Q_OBJECT public: DataController(DataModel* model, DataView* view) : m_model(model), m_view(view) { // 处理用户输入并更新模型和视图之间的关系 } private: DataModel* m_model; DataView* m_view; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建模型、视图和控制器 DataModel model; DataView view; DataController controller(&model, &view); // 显示视图 view.show(); return app.exec(); } ``` 这个示例代码展示了一个简单的MVC架构,其中Model负责管理数据,View负责显示数据和与用户交互,Controller负责处理用户输入并更新Model和View之间的关系。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值