Qt—Model/View框架简介

一.Model/View框架简介

1.Model/View框架核心思想

Model/View框架的核心思想是模型（数据）与视图（显示）相分离，模型对外提供标准接口存取数据，不关心数据如何显示，视图自定义数据的显示方式，不关心数据如何组织存储,即数据存储和渲染隔离开。

Model/View框架中数据与显示的分离，可以允许使用不同界面显示同一数据，也能够在不改变数据的情况下添加新的显示界面。为了处理用户输入，引入了委托（delegate）。引入委托的好处是可以自定义数据项的渲染和编辑。

通过为每一个角色提供恰当的数据，模型可以告诉视图和委托如何向用户显示内容。不同类型的视图可以选择忽略自己不需要的数据，也可以添加所需要的额外数据。在每一个item中,每个数据角色会对应一个数据，通过setData()方法来为指定的数据角色设定数据。setItemData()方法 则是为所有的数据角色设定相同的数据。

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓ 

三、View

　　Model/View 架构中，视图是数据从模型到最终用户的途径。数据通过视图向用户进行显示，但通常数据的显示同底层数据的存储是完全不同的。

　　QAbstractItemModel提供标准的模型接口，使用QAbstractItemView提供标准的视图接口，可以将数据同显示层分离，在视图中利用前面所说的模型索引。视图管理来自模型的数据的布局：既可以直接渲染数据本身，也可以通过委托渲染和编辑数据。

　　视图不仅用于显示数据，还用于在数据项之间的导航以及数据项的选择。另外，视图也需要支持很多基本的用户界面的特性，例如右键菜单以及拖放。视图可以提供数据编辑功能，也可以将编辑功能交由某个委托完成。视图可以脱离模型创建，但是在其进行显示之前，必须存在一个模型。对于用户的选择，多个视图可以相互独立，也可以进行共享。

QT内置了QListView、QTreeView、QTableView视图类，QListView把model中的数据项以一个简单的列表的形式显示，或是以经典的图标视图的形式显示。QTreeView把model中的数据项作为具有层次结构的列表的形式显示，允许以紧凑的深度嵌套的结构进行显示。QTableView把model中的数据项以表格的形式展现。

四、Delegate

　　委托就是供视图实现某种高级的编辑功能。Model/View 没有将用户交互部分完全分离。一般地，视图将数据向用户进行展示并且处理通用的输入。但是，对于某些特殊要求（比如这里的要求必须输入数字），则交予委托完成。这些组件提供输入功能，同时也能渲染某些特殊数据项。委托的接口由 QAbstractItemDelegate定义。

　　QAbstractItemDelegate 通过paint()和sizeHint()两个函数渲染用户内容（必须自己将渲染器绘制出来）。从QT4.4开始，QT提供了基于组件的子类：QItemDelegate和QStyledItemDelegate。默认的委托是QStyledItemDelegate。QItemDelegate与QStyledItemDelegate的区别在于绘制和向视图提供编辑器的方式。QStyledItemDelegate使用当前样式绘制，并且能够使用Qt Style Sheet，在自定义委托时推荐使用QStyledItemDelegate作为基类。

　　继承自QStyledItemDelegate或QItemDelegate的自定义委托类需要重写实现以下几个函数：　

• 创建编辑器【createEditor】，作为用户编辑数据时所使用的编辑器，从模型中接受数据，返回用户修改的数据。

[virtual] QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const

• 设置编辑器的数据【setEditorData】

[virtual] void setEditorData(QWidget *editor, const QModelIndex &index) const

• 将数据写入model【setModelData】

[virtual] void setModelData(QWidget *editor, QAbstractItemModel *model, const QModelIndex &index) const

• 更新编辑器布局【updateEditorGeometry】

[virtual] void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option, const QModelIndex &index) const

五.选择模型

1.QItemSelectionModel简介

　　选择是视图中常用的操作, 在列表、树或者表格中，通过鼠标点击可以选中某一项，选中项会变成高亮或者反色。在 QT中，选择也是使用了一种模型。在 Model/View架构中，选择模型提供了一种更通用的对选择操作的描述。对于一般应用而言，QT内置的选择模型已经足够，但QT也允许创建自己的选择模型，来实现一些特殊的操作。

　　QT使用QItemSelectionModel类获取视图中数据项的选择情况。QItemSelectionModel可以保持对视图中选中数据项的跟踪。视图中被选择的数据项的信息存储在一个QItemSelectionModel实例中。选中的数据项的模型索引与所有的视图都是独立的。一个模型设置多个视图时，可以实现在多个视图之间共享同一个选择模型，达到同步操作的目的。视图中总有一个当前数据项和一个选中的数据项，他们可以是同一个数据项。

　　选择由选择区域组成。模型只将选择区的开始和结束的索引位置记录下来，以保证对大的选区也有很好的性能。非连续选区则由多个连续选择组成。

　　标准视图类（QListView、QTreeView、QTableView）提供了默认的选择模型，足以满足大多数应用程序的需求。一个视图的选择模型可以通过 selectionModel()函数获取，然后使用setSelectionModel()提供给其它视图共享，因此，一般没有必要新建选择模型。

　　如果需要创建一个选择区，需要指定一个模型以及一对索引，使用这些数据创建一个QItemSelection对象。索引指向给定的模型中的数据，并且作为一个块状选择区的左上角和右下角的索引。为了将选择区应用到模型上，需要将选择区提交到选择模型。这种操作有多种实现，对于现有选择模型有着不同的影响。

2、选择模型应用

A、构建标准数据项模型并设置设置数据

 //构建7行4列的项目模型
QStandardItemModel *model = new QStandardItemModel(7,4,this);
for (int row=0; row < 7; row++)
{
    for (int col=0; col < 4; col++)
    {
        QStandardItem* item = new   QStandardItem(QString("%1").arg(row*4+col));
         //为项目模型添加项目
         model->setItem(row,col,item);
     }
 }

B、添加视图，设置模型

//添加视图，并将视图放在窗体中央
QTableview *view = new QTableView;
view->setModel(model);//为视图添加模型
setCentralWidget(view);

C、获取视图的数据项选择模型

 QItemSelectionModel * selectionModel = view->selectionModel();

D、设置被选择的数据项

//定义左上，右下的索引，然后使用这两个索引创建选择
QModelIndex topLeft;
QModelIndex rightBottom;
QModelIndex parentIndex = QModelIndex();
topLeft = model->index(1,1,parentIndex);
rightBottom = model->index(5,2,parentIndex);
//设置被选择的数据项
QItemSelection selection(topLeft, rightBottom);

E、设置选择模式

selectionModel->select(selection,QItemSelectionModel::Select);
QItemSelectionModel::Select：选择所有指定的选区
QItemSelectionModel::Toggle：反向操作
QItemSelectionModel::Deselect：取消指定的已选选区
QItemSelectionModel::Rows：选择行
QItemSelectionModel::Columns：选择列
QItemSelectionModel::Current：将当前选区替换为新的选区
QItemSelectionModel::Clear：取消全部已有选区

F、选择模型的选择改变信号

• 选择发生改变时，触发信号。会发送被选择的QItemSelection和未被选择的QItemSelection

[signal] void QItemSelectionModel::selectionChanged(const QItemSelection &selected, const QItemSelection &deselected)

• 当前数据项变化时，触发信号。会发送当前选择的QModelIndex和前一个QModelIndex。

[signal] void QItemSelectionModel::currentChanged(const QModelIndex ¤t, const QModelIndex &previous)

G、选择改变信号的槽函数

• 选择模型改变后的槽函数

void updateSelection(QItemSelection &selected,QItemSelection &deselected);

void updateSelection(QItemSelection &selected, QItemSelection &deselected)
{
    QModelIndex index;
    QModelIndexList indexList = selected.indexes();
    foreach (index, indexList)
    {
        QString text = QString("(%1,%2)").arg(index.row()).arg(index.column());
        view->model()->setData(index,text);
    }
    indexList = deselected.indexes();
    //清空上一次选择的项目内容
    foreach (index, indexList)
    {
        view->model()->setData(index,"");
    }
}

• 显示当前选择项的数据改变情况

void changeCurrent(const QModelIndex ¤t,const QModelIndex &previous);

void changeCurrent(const QModelIndex ¤t, const QModelIndex &previous)
{
    qDebug() << QString("move(%1,%2)to(%3,%4)")
                .arg(previous.row()).arg(previous.column())
                .arg(current.row()).arg(current.column());
}

H、信号与槽函数的连接

connect(selectionModel,SIGNAL(selectionChanged(QItemSelection,QItemSelection)),  this,SLOT(updateSelection(QItemSelection&,QItemSelection&)));

connect(selectionModel,SIGNAL(currentChanged(QModelIndex,QModelIndex)), this,SLOT(changeCurrent(QModelIndex,QModelIndex)));

I、视图间共享选择模型

    QTableView *view2 = new QTableView;
    view2->setWindowTitle("TableView2");
    view2->setModel(model);//设置模型
    view2->setSelectionModel(selectionModel);//设置共同的选择模型
    view2->show();

文章转自博客园（斗战胜佛美猴王）：Model/View框架简介-Qt - 斗战胜佛美猴王 - 博客园

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓