Qt/QML编程学习之心得:List和component,更复杂点的示例:文件目录浏览器(十九)

如何使用QML实现一个List,这个是很常用的,主要技术点在于list中的item用componet来定义,为什么呢?因为componet是可以复用的,而list里的item就是多个可重复使用可复用的项。

import QtQuick 2.14
import QtQuick.Window 2.14

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Rectangle {
        x:200
        width: 400
        height: 400

        Component {
            id: myComponent
            Text { text: modelIndex }    //okay
        }

        ListView {
            anchors.fill: parent
            model: 15
            delegate: Component {
                Loader {
                    property int modelIndex: index
                    sourceComponent: myComponent
                }
            }
        }
    }

    Rectangle {
        width: 100; height: 100

        Component {
            id: redSquare

            Rectangle {
                color: "red"
                width: 100
                height: 100
            }

你可能感兴趣的:(qt,QML)