QML TreeView中的foreach委托

QML（Qt Meta Language）是一种用于创建用户界面的声明性语言，它是Qt框架的一部分。TreeView是QML中的一个组件，用于显示层次结构的数据，类似于文件系统的目录树。在TreeView中，可以使用delegate属性来定义每个节点的外观和行为。foreach委托是一种特殊的委托类型，它允许你为TreeView中的每个节点指定一个模板。

基础概念

TreeView：一个用于显示层次数据的控件。 Delegate：定义了TreeView中每个节点的外观和行为的模板。 Foreach Delegate：一种特殊的委托，用于为TreeView中的每个节点指定一个模板。

类型

Component Delegate：使用QML组件作为委托。
Inline Delegate：直接在TreeView定义中内联委托。
Foreach Delegate：为每个节点指定一个模板。

应用场景

文件浏览器：显示文件和目录的层次结构。
组织结构图：展示公司的部门和员工关系。
设置菜单：显示多层次的设置选项。

示例代码

以下是一个简单的QML示例，展示了如何使用foreach委托来创建一个TreeView：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("TreeView Example")

    ListModel {
        id: treeModel
        ListElement { name: "Root"; children: [
            ListElement { name: "Child1"; children: [
                ListElement { name: "GrandChild1" },
                ListElement { name: "GrandChild2" }
            ]},
            ListElement { name: "Child2" }
        ]}
    }

    TreeView {
        id: treeView
        anchors.fill: parent
        model: treeModel
        delegate: ItemDelegate {
            width: parent.width
            text: name
            onClicked: {
                console.log("Clicked on:", name)
            }
        }
    }
}