自定义model实现qml的ListView多级目录

要实现 QML 的 ListView 多级目录，您需要自定义一个 model。下面是一个简单的示例：

ListModel {
    id: myModel
    ListElement {
        text: "Fruits"
        children: [
            ListElement { text: "Apple" },
            ListElement { text: "Banana" },
            ListElement { text: "Orange" }
        ]
    }
    ListElement {
        text: "Vegetables"
        children: [
            ListElement { text: "Carrot" },
            ListElement { text: "Broccoli" },
            ListElement { text: "Lettuce" }
        ]
    }
}

上述代码定义了一个 ListModel，其中包含两个 ListElement。每个 ListElement 都有一个 text 属性和一个 children 属性，children 属性是一个嵌套的 ListModel，表示该元素下面的子元素。

接下来，您需要在 QML 文件中创建一个 ListView，并将其绑定到您的自定义 model。代码如下：

ListView {
    id: myListView
    model: myModel
    delegate: Item {
        width: parent.width
        height: 40
        Text {
            text: model.text
            font.bold: model.children ? true : false
        }
        ListView {
            width: parent.width
            height: childrenListView.contentHeight
            model: model.children
            visible: model.children ? true : false
            delegate: Item {
                width: parent.width
                height: 40
                Text {
                    text: model.text
                }
            }
            id: childrenListView
        }
    }
}

上述代码创建了一个 ListView，其中的 delegate 是一个 Item。在 Item 中，我们创建了一个 Text 来显示该项的 text 属性，并根据 children 属性的有无设置字体是否加粗。

接着，我们创建了另外一个 ListView 作为子项列表，并将其绑定到该项的 children 属性。我们也在该 ListView 的 delegate 中创建了一个 Text 来显示子项的 text 属性。

通过这种方式，您可以创建一个多级目录的 ListView。当用户点击父项时，子项会显示出来。