Qt之模型/视图编程

一、简介

1、Model/Veiw是建立在MVC基础上的。什么是MVC?这里有详细介:https://blog.csdn.net/zuiyingong6567/article/details/80150834

2、Qt中的MVC略有不同,变成了MVD。如下图:

Qt之模型/视图编程_第1张图片

3、model、view、delegate 之间的作用关系简单概括如下:

    1)model和data相互通信,然后model为view和delegate提供接口。

    2)view通过调用model的接口,从model中获取模型索引QModelIndex,通过QModelIndex可以获得data。

    3)delegate为view展示data,delegate可以被编辑修改删除。而当在delegate上编辑时,它会用QModelIndex于model通信,通知model更新数据。从这里可以看出来,view和delegate都可以使用QModelIndex,但是view只能使用QModelIndex进行读取,delegate只能修改。

4、Model:所有model都基于QAbstractItemModel类。该类定义了view和delegate用于访问data的接口。data本身不必存储在model中,它可以存储在由单独的类、文件、数据库或其他数据结构中。Qt提供了一些现成的model:

    1)QStringListModel:用于存储简单的QString列表。

    2)QStandardItemModel:适用于各种结构,每个项都可以包含任意数据。

    3)QFileSystemModel:提供有关本地归档系统中的文件和目录的信息。

    4)QSqlQueryModel、QSqlTableModel、QSqlRelationalTableModel:用于访问数据库。

    同时也可以子类化QAbstractItemModel、QAbstractListModel或QAbstractTableModel来创建自定义模型。

5、Views:QListView列表视图,QTableView表格视图,QTreeView树形视图。

6、Delegates:QAbstractItemDelegate是模型/视图框架中委托的抽象基类。默认委托实现由QStyledItemDelegate提供,Qt的标准视图将其用作默认委托。如果需要展示更复杂的数据,需要我们重写Delegates。

7、模型视图中的方便类:QListWidget、QTreeWidget和QTableWidget。这些类不如视图类灵活,不能与任意模型一起使用。

二、如何使用model/view

1、model详解:

    1)model的三种分层结构:

Qt之模型/视图编程_第2张图片

    2)模型索引:为了确保数据的表示与访问数据的方式保持分离,引入了模型索引的概念。通过模型获得的每一条信息都由模型索引表示。视图和委托使用这些索引请求要显示的数据项。因此,只有模型需要知道如何获取数据。模型索引是临时的,当模型数据变化后,此模型索引变失效了,除非使用了QPersistentModelIndex。要获得与数据项相对应的模型索引,必须为模型指定三个属性:行号、列号和父项的模型索引:QModelIndex  QAbstractItemModel::index(int row, int column, const QModelIndex&parent = QModelIndex()) const。

    3)Item Role项角色:模型中的项可以为其他组件执行各种角色,允许为不同的情况提供不同类型的数据。例如,Qt::DisplayRole用于访问可以在视图中显示为文本的字符串。通常,项包含许多不同角色的数据,标准角色由Qt::ItemDataRole定义。我们可以通过向模型传递与项目对应的模型索引,并指定一个角色来获取我们想要的数据类型,从而获得需要的数据。

    4)总结上文:

        a)视图和委托可以通过模型索引获得数据。

        b)通过行号、列号和父项的模型索引可以获得模型索引。

        c)模型索引是根据其他组件(如视图和委托)的请求由模型构建的。

        d)如果在使用index()请求索引时为父项指定了有效的模型索引,则返回的索引引用模型中父项下的项,如果在使用index()请求索引时为父项指定了无效的模型索引,则返回的索引引用模型中的顶级项。

        e)角色区分与项关联的不同类型的数据。

    5)如何使用模型索引:

        a)可以使用rowCount()和columnCount()找到模型的维度。这些函数通常需要指定父模型索引。

        b)模型索引用于访问模型中的项。

        c)要访问模型中的顶级项,使用QModelIndex()指定空模型索引作为父索引。

        d)项包含不同角色的数据。要获取特定角色的数据,必须向模型提供模型索引和角色。

    6) 使用Qt自带的model

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QSplitter *splitter = new QSplitter;
    QFileSystemModel *model = new QFileSystemModel;
    model->setRootPath("F:/");//指定此路径的根路径为model的根路径
    QModelIndex index = model->index("F:/");//指定索引项即展示的根

    QListView *list = new QListView;
    list->setModel(model);
    list->setRootIndex(index);
    splitter->addWidget(list);

    QTableView *table = new QTableView;
    table->setModel(model);
    table->setRootIndex(index);
    splitter->addWidget(table);

    QTreeView *tree = new QTreeView;
    tree->setModel(model);
    tree->setRootIndex(index);
    splitter->addWidget(tree);

    setCentralWidget(splitter);
}

    7)自定义model。

        a)QAbstractItemModel类提供了一个足够灵活的接口来支持以分层结构排列信息的数据源,从而允许以某种方式插入、删除、修改或排序数据。它还支持拖放操作。

在为现有数据结构创建新模型时,重要的是考虑应该使用哪种类型的模型来提供到数据的接口。子类化QAbstractListModel或QAbstractTableModel适合列表或表,子类化QAbstractItemModel适合层次树结构。

        b)如何自定义model。

3、view详解:

    1)视图能做些什么:显示数据、处理项之间的导航、项选择、上下文菜单、拖放、与委托一起提供定制编辑器。

    2)Qt中三个视图类。

        a)QListView可以将模型中的项显示为简单列表,也可以以经典图标视图的形式显示。

        b)QTreeView将模型中的项显示为列表的层次结构,允许以紧凑的方式表示深度嵌套的结构。

        c)QTableView以表格的形式显示模型中的项,非常类似于电子表格应用程序的布局。

    3)如何处理选中项:使用QItemSelectionModel类。默认情况下,可以通过selectionModel()函数获得,使用setSelectionModel()指定替换选择模型。

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QTableWidget *table = new QTableWidget;
    table->setColumnCount(3);
    table->setRowCount(3);
    setCentralWidget(table);

    QItemSelectionModel *selection = table->selectionModel();

    //让表在初始化的时候就被选中
    QModelIndex topLeft;
    QModelIndex bottomRight;
    topLeft = table->model()->index(0,0,QModelIndex());
    bottomRight = table->model()->index(1,1,QModelIndex());
    QItemSelection itemSelection;
    itemSelection.select(topLeft,bottomRight);
    selection->select(itemSelection,QItemSelectionModel::Select);

    //当当前项发生更改时,将发出此信号。前面的模型项索引将被当前索引替换,作为所选项的当前项。
    connect(selection,&QItemSelectionModel::currentChanged,
            [=](const QModelIndex ¤t, const QModelIndex &previous){
        statusBar()->showMessage(
            tr("Moved from (%1,%2) to (%3,%4)")
                .arg(previous.row()).arg(previous.column())
                .arg(current.row()).arg(current.column()));
    });
    //当选择发生更改时,将发出此信号。
    connect(selection,&QItemSelectionModel::selectionChanged,
            [=](const QItemSelection &selected, const QItemSelection &deselected){
        QModelIndexList list = selected.indexes();
        foreach (QModelIndex index, list) {
            QString text = QString("(%1,%2)").arg(index.row()).arg(index.column());
            table->model()->setData(index,text);
        }

        QModelIndexList list1 = deselected.indexes();
        foreach (QModelIndex index, list1) {
            table->model()->setData(index,"");
        }
    });
    connect(selection,&QItemSelectionModel::modelChanged,
            [=](QAbstractItemModel *model){

    });
    //如果当前项发生更改,且其列与前一个当前项的列不同,则发出此信号。
    connect(selection,&QItemSelectionModel::currentColumnChanged,
            [=](const QModelIndex ¤t, const QModelIndex &previous){
//        qDebug() << "previous column:" << previous.column();
//        qDebug() << "current column:" << current.column();
    });
    //如果当前项发生更改,且其行与前一个当前项的行不同,则发出此信号。
    connect(selection,&QItemSelectionModel::currentRowChanged,
            [=](const QModelIndex ¤t, const QModelIndex &previous){
//        qDebug() << "previous row:" << previous.row();
//        qDebug() << "current row:" << current.row();
    });

    //反转选中的状态
    QAction *toggle = menuBar()->addAction("反转选中状态");
    connect(toggle,&QAction::triggered,[=]{
        QModelIndex topLeft = table->model()->index(0,1,QModelIndex());
        QModelIndex bottomRight = table->model()->index(1,1,QModelIndex());
        QItemSelection toggleSelection(topLeft,bottomRight);
        selection->select(toggleSelection,QItemSelectionModel::Toggle);
    });

    //全选
    QAction *all = menuBar()->addAction("选中全部");
    connect(all,&QAction::triggered,[=]{
        QModelIndex topLeft = table->model()->index(0,0,QModelIndex());
        QModelIndex bottomRight = table->model()->index(table->model()->rowCount(QModelIndex())-1,
                                                        table->model()->columnCount(QModelIndex())-1,
                                                        QModelIndex());
        QItemSelection itemSelection(topLeft,bottomRight);
        selection->select(itemSelection,QItemSelectionModel::Select);
    });
}

    4)如何处理对视图中项的拖放操作

    5)如何与Delegate一起提供定制编辑器,在Delegate中会演示。

4、Delegate详解:

    1)为什么会有Delegate:通常,视图负责向用户表示模型数据,并处理用户输入。但是为了使获取该输入的方式具有一定的灵活性,便交互由Delegate处理。

    2)Delegate由itemDelegate()函数返回。setItemDelegate()设置自定义Delegate。自定义Delegate的例子:

#ifndef SPINBOXDELEGATE_H
#define SPINBOXDELEGATE_H

#include 

class SpinBoxDelegate : public QStyledItemDelegate
{
public:
    SpinBoxDelegate(QObject *parent = 0);
protected:
    //创建自定义的控件
    QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const;
    //设置编辑控件中的值
    void setEditorData(QWidget *editor, const QModelIndex &index) const;
    //将编辑控件中的值保存到model中
    void setModelData(QWidget *editor, QAbstractItemModel *model, const QModelIndex &index) const;
    //设置编辑控件显示的位置和大小
    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option, const QModelIndex &index) const;
};

#endif // SPINBOXDELEGATE_H

#include "spinboxdelegate.h"
#include 

SpinBoxDelegate::SpinBoxDelegate(QObject *parent):QStyledItemDelegate(parent)
{

}

QWidget *SpinBoxDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    QSpinBox *editor = new QSpinBox(parent);
    editor->setFrame(true);
    editor->setMinimum(0);
    editor->setMaximum(200);
    return editor;
}

void SpinBoxDelegate::setEditorData(QWidget *editor, const QModelIndex &index) const
{
    int value = index.model()->data(index,Qt::EditRole).toInt();
    QSpinBox *box = static_cast(editor);
    box->setValue(value);
}

void SpinBoxDelegate::setModelData(QWidget *editor, QAbstractItemModel *model, const QModelIndex &index) const
{
    QSpinBox *box = static_cast(editor);
    model->setData(index,box->value(),Qt::EditRole);
}

void SpinBoxDelegate::updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    editor->setGeometry(option.rect);
}

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QAbstractItemDelegate *delegate = new SpinBoxDelegate(this);

    QStringList list;
    for(int i = 100; i < 120; ++i){
        list << QString::number(i);
    }
    QStringListModel *model = new QStringListModel;
    model->setStringList(list);
    QListView *view = new QListView;
    view->setModel(model);
    view->setItemDelegate(delegate);
    setCentralWidget(view);
}

 

你可能感兴趣的:(Qt基础学习)