Qt Model View TreeView及对应Model

点击上方蓝字可直接关注！方便下次阅读。如果对你有帮助，可以点个在看，让它可以帮助到更多老铁~

一、 概述

接着之前的话题继续！

如果把之前的QTableView改成 QTreeView ，我们在不改变 Model 的情况下可以直接得到一个没有结构层次的“树”；因为 QAbstractTableModel 不具有数据层次结构，如果我们想要实现有层次的数据结构，需要使用 QStandardItemModel

该模型。为了显示一棵树， QStandardItemModel 需要使用 QStandardItem 来进行填充。

下面梳理下几个类的关系：

QObject

||

QAbstractItemModel

||

QAbstractTableModel(Table 层次结构 ) QStandardItemModel(Tree 层次结构 )

如果以后构建自己的代码库时，各个模块划分的越详细则越方便复用。

二、程序举例

1. 使用QStandardItemModel构建Tree

以Qt自带的 treeview 来说明

//实例化model

standardModel = new QStandardItemModel ;

//QStandardItem 节点数据

QList<QStandardItem *> preparedRow =prepareRow("first", "second", "third");

// root 节点

QStandardItem *item = standardModel->invisibleRootItem();

//root 节点添加数据

item->appendRow(preparedRow);

//又一个QStandardItem 节点数据

QList<QStandardItem *> secondRow =prepareRow("111", "222", "333");

//在first节点上再添加一个数据

preparedRow.first()->appendRow(secondRow);

//view 设置model并全部展开

treeView->setModel(standardModel);

treeView->expandAll();

//添加数据节点的函数

QList<QStandardItem *> MainWindow::prepareRow(const QString &first,

const QString &second,

const QString &third)

{

QList<QStandardItem *> rowItems;

rowItems << new QStandardItem(first);

rowItems << new QStandardItem(second);

rowItems << new QStandardItem(third);

return rowItems;

}

效果图如下：

2. 获得所选Item的内容以及层级

有了上面的基础，接下来进行扩展：

当 treeView 的 Item 被选中时， treeView 的 selection M odel 会发出 selectionChanged 的信号，将该信号与槽函数进行连接，在槽函数中我们可以通过 index 获得所选 Item 的内容；通过顶层节点没有 parent 的特点来计算所选 Item 的层级。

主要代码如下：

//信号函数 连接信号与槽

QItemSelectionModel *selectionModel= treeView->selectionModel();

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

//槽函数如下

void MainWindow::selectionChangedSlot(const QItemSelection & /*newSelection*/, const QItemSelection & /*oldSelection*/)

{

//get the text of the selected item

const QModelIndex index = treeView->selectionModel()->currentIndex();

QString selectedText = index.data(Qt::DisplayRole).toString();

//find out the hierarchy level of the selected item

int hierarchyLevel=1;

QModelIndex seekRoot = index;

while(seekRoot.parent() != QModelIndex())

{

seekRoot = seekRoot.parent();

hierarchyLevel++;

}

QString showString = QString("%1, Level %2").arg(selectedText)

.arg(hierarchyLevel);

setWindowTitle(showString);

}

效果如下:

默认title

更改后的title及层级

三、小结

① Model/View 中要想通过 TreeView 显示树型结构，需要在QStandardItemModel中组织树形数据结构

②通过 index 计算树形结构层级的方式

③通过 index 可以 Item 的内容

④使用 **View 时必须设置 Model ，因为 Model 中存储着数据结构

学不可以已

20200202 于 北京门头沟。