QML中树形控件TreeView的最基本、最简单粗暴的、一看秒懂的实现方法，之一

最新推荐文章于 2024-08-06 17:53:31 发布

utanbo

最新推荐文章于 2024-08-06 17:53:31 发布

阅读量2.2w

点赞数 9

分类专栏： Qt 文章标签： qt quick qml treeview qt

本文链接：https://blog.csdn.net/colouroo/article/details/44700357

版权

本文介绍了在Qt Quick中使用QML的TreeView控件的简单实现，包括数据模型的树结构支持和递归代理的使用。通过示例代码，展示了如何创建树形结构，并探讨了进阶应用，如节点颜色区分、展开收起功能以及符号显示等。

摘要由CSDN通过智能技术生成

前言：

Qt Quick5.5alpha出来了，据说提供TreeView。于是这篇文章有大盘6k点入市的悲壮，注定是要做韭菜的。然而我们正在做的项目，还不能使用最新版Qt，本文的意义在于使用比较老版本的QML的项目。

正文：

用Qt很多年，最近才接触Qt Quick，不用不知道，一用果真不会用。C++和QML的语言使用的脑回路完全不一样。不过这种时候就不要追究这些细节了。TreeView是一个非常常用的界面控件，Qt Quick竟然多年以后总算提供，我们还是朋友，还可以问候。。。

因为本文的实现方法太简单粗暴了，不如直接看代码，Talk is cheap, show me the code!

运行环境

Qt5.1.1

IDE：Qt Creator

OS：Fedora

文件名：main.qml

QML源码

import QtQuick 2.0

Item {
   width: 600
   height: 600

   //Model
   ListModel {
      id: objModel
      Component.onCompleted: {
          objModel.append({"name":"A1","level":0,"subNode":[]})
          objModel.append({"name":"A2","level":0,"subNode":[]})
          objModel.append({"name":"A3","level":0,"subNode":[]})
          objModel.get(1).subNode.append({"name":"B1","level":1,