• 为了保证你在浏览本网站时有着更好的体验,建议使用类似Chrome、Firefox之类的浏览器~~
    • 如果你喜欢本站的内容何不Ctrl+D收藏一下呢,与大家一起分享各种编程知识~
    • 本网站研究机器学习、计算机视觉、模式识别~当然不局限于此,生命在于折腾,何不年轻时多折腾一下

QT5–MVD框架理解概念篇

Qt admin 3年前 (2016-04-18) 2980次浏览 0个评论 扫描二维码
介绍

Qt 5 推出了一组新的 item view 类,它们使用 model/view 结构来管理数据与表示层的关系。这种结构带来的功能上的分离给了开发人员更大的弹性来定制数据项的表示,它也提供一个标准的 model 接口,使得更多的数据源可以被这些 item view 使用。这里对 model/view 的结构进行了描述,结构中的每个组件都进行了解释,给出了一些例子说明了提供的这些类如何使用。

Model/View 结构

Model-View-Controller(MVC), 是从 Smalltalk 发展而来的一种设计模式,常被用于构建用户界面。经典设计模式的著作中有这样的描述:

MVC 由三种对象组成。Model 是应用程序对象,View 是它的屏幕表示,Controller 定义了用户界面如何对用户输入进行响应。在 MVC 之前,用户界面设计倾向于三者揉合在一起,MVC 对它们进行了解耦,提高了灵活性与重用性。

假如把 view 与 controller 结合在一起,结果就是 model/view 结构。这个结构依然是把数据存储与数据表示进行了分离,它与 MVC 都基于同样的思想,但它更简单一些。这种分离使得在几个不同的 view 上显示同一个数据成为可能,也可以重新实现新的 view,而不必改变底层的数据结构。为了更灵活的对用户输入进行处理,引入了 delegate 这个概念。它的好处是,数据项的渲染与编程可以进行定制。

基本框架/deeplearn.me

如上图所示,model 与数据源通讯,并提供接口给结构中的别的组件使用。通讯的性质依赖于数据源的种类
与 model 实现的方式。view 从 model 获取 model indexes,后者是数据项的引用。通过把 model indexes 提供给 model,view 可以从数据源中获取数据。

在标准的 views 中,delegate 会对数据项进行渲染,当某个数据项被选中时,delegate 通过 model indexes 与 model 直接进行交流。总的来说,model/view 相关类可以被分成上面所提到的三组:models,views,delegates。这些组件通过抽象类来定义,它们提供了共同的接口,在某些情况下,还提供了缺省的实现。抽象类意味着需要子类化以提供完整的其他组件希望的功能。这也允许实现定制的组件。models,views,delegates 之间通过信号,槽机制来进行通讯:

从 model 发出的信号通知 view 数据源中的数据发生了改变。
从 view 发出的信号提供了有关被显示的数据项与用户交互的信息。
从 delegate 发生的信号被用于在编辑时通知 model 和 view 关于当前编辑器的状态信息。

Models

所有的 item models 都基于 QAbstractItemModel 类,这个类定义了用于 views 和 delegates 访问数据的接口。
数据本身不必存储在 model,数据可被置于一个数据结构或另外的类,文件,数据库,或别的程序组件中。
关于 model 的基本概念在 Model Classes 部分中描述。
QAbstractItemModel 提供给数据一个接口,它非常灵活,基本满足 views 的需要,无论数据用以下任何样的形式
表现,如 tables,lists,trees。然而,当你重新实现一个 model 时,如果它基于 table 或 list 形式的数据结构,最好从 QAbstractListModel,QAbstractTableModel 开始做起,因为它们提供了适当的常规功能的缺省实现。这些类可以被子类化以支持特殊的定制需求。子类化 model 的过程在 Create New Model 部分讨论
QT 提供了一些现成的 models 用于处理数据项:
QStringListModel 用于存储简单的 QString 列表。
QStandardItemModel 管理复杂的树型结构数据项,每项都可以包含任意数据。
QDirModel 提供本地文件系统中的文件与目录信息。
QSqlQueryModel, QSqlTableModel,QSqlRelationTableModel 用来访问数据库。
假如这些标准 Model 不满足你的需要,你应该子类化 QAbstractItemModel,QAbstractListModel 或是
QAbstractTableModel 来定制。

Views

不同的 view 都完整实现了各自的功能:QListView 把数据显示为一个列表,QTableView 把 Model 中的数据以 table 的形式表现,QTreeView 用具有层次结构的列表来显示 model 中的数据。这些类都基于 QAbstractItemView 抽象基类,尽管这些类都是现成的,完整的进行了实现,但它们都可以用于子类化以便满足定制需求。

Delegates
QAbstractItemDelegate 是 model/view 架构中的用于 delegate 的抽象基类。缺省的 delegate 实现在 QItemDelegate 类中提供。它可以用于 Qt 标准 views 的缺省 delegate.

排序

在 model/view 架构中,有两种方法进行排序,选择哪种方法依赖于你的底层 Model。
假如你的 model 是可排序的,也就是它重新实现了 QAbstractItemModel::sort()函数,QTableView 与 QTreeView 都提供了 API,允许你以编程的方式对 Model 数据进行排序。另外,你也可以进行交互方式下的排序(例如,允许用户通过点击 view 表头的方式对数据进行排序),可以这样做:把 QHeaderView::sectionClicked()信号与 QTableView::sortByColum()槽或 QTreeView::sortByColumn()槽进行联结就好了。
另一种方法是,假如你的 model 没有提供需要的接口或是你想用 list view 表示数据,可以用一个代理
model 在用 view 表示数据之前对你的 model 数据结构进行转换。

便利类

许多便利类都源于标准的 view 类,它们方便了那些使用 Qt 中基于项的 view 与 table 类,它们不应该被子类化,
它们只是为 Qt 3 的等价类提供一个熟悉的接口。这些类有 QListWidget,QTreeWidget,QTableWidget,它们提供了如 Qt 3 中的 QListBox, QlistView,QTable 相似的行为。这些类比 View 类缺少灵活性,不能用于任意的 models,推介使用 model/view 的方法处理数据。

介绍
Qt 提供了 models:QStandardItemModel 和 QDirModel 等等。QStandardItemModel 是一个多用途的 model,可用于表示 list,table,tree views 所需要的各种不同的数据结构。这个 model 也持有数据。QDirModel 维护相关的目录内容的信息,它本身不持有数据,仅是对本地文件系统中的文件与目录的描述,现在推荐使用 QFileSystemModel。QDirModel 是一个现成的 model,很容易进行配置以用于现存的数据,使用这个 model,可以很好地展示如何给一个现成的 view 设定 model,研究如何用 model indexes 来操纵数据。

model 与 views 的搭配使用

QListView 与 QTreeView 很适合与 QDirModel 搭配。下面的例子在 tree view 与 list view 显示了相同的信息,QDirModel 提供了目录内容数据。这两个 Views 共享用户选择,因此每个被选择的项在每个 view 中都会被高亮。

程序运行/deeplearn.me

先装配出一个 QDirModel 以供使用,再创建 views 去显示目录的内容。这给我展示了使用 model 的最简单的方式。
model 的创建与使用都在 main()函数中完成:

#include "mainwindow.h"
#include <QApplication>
#include <QAbstractItemModel>
#include <QAbstractItemView>
#include <QItemSelectionModel>

#include <QDirModel>
#include <QTreeView>
#include <QListView>
#include <QTableView>
#include <QSplitter>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QDirModel model;//自定义一个文件 model,这是 QT 自带的。。


    QTreeView tree;//定义树视图
    QListView list;//列表视图
    QTableView table;//表视图

    tree.setModel(&model);//model 是数据的来源,视图想要显示必须绑定它
    list.setModel(&model);
    table.setModel(&model);
    tree.setRootIndex(model.index("D:\\"));//如果不这么设置的话就会使用默认的哦
    list.setRootIndex(model.index("D:\\"));
    table.setRootIndex(model.index("D:\\"));
    tree.setSelectionMode(QAbstractItemView::MultiSelection);//设置这个就可以多选哦,也就是你在视图界面可以多选
    list.setSelectionModel(tree.selectionModel());
    table.setSelectionModel(tree.selectionModel());

    QObject::connect(&tree,SIGNAL(doubleClicked(QModelIndex)),&list,SLOT(setRootIndex(QModelIndex)));//哇,这个是视图之间的交互了,也就是你在树视图搞个小动作列表视图也跟着一起做小动作
    QObject::connect(&tree,SIGNAL(doubleClicked(QModelIndex)),&table,SLOT(setRootIndex(QModelIndex)));

    QSplitter *splitter = new QSplitter;//设置分割窗口啦
    splitter->addWidget(&tree);
    splitter->addWidget(&list);
    splitter->addWidget(&table);
    splitter->setWindowTitle(QObject::tr("Model/View"));//标题名字
    splitter->show();
    
    return a.exec();
}

上面的例子并没有展示如何处理数据项的选择,这包括很多细节,以后会提到。


Deeplearn, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明QT5–MVD 框架理解概念篇
喜欢 (0)
admin
关于作者:
互联网行业码农一枚/业余铲屎官/数码影音爱好者/二次元

您必须 登录 才能发表评论!