Qt qml GritView使用

Qt qml GritView使用

import QtQuick 2.15

Item {

    ListModel{
        id: nameModel
        ListElement{ file: "qrc:/image/image/1.png"; name: "image1"}
        ListElement{ file: "qrc:/image/image/1.png"; name: "image2"}
        ListElement{ file: "qrc:/image/image/1.png"; name: "image3"}
        ListElement{ file: "qrc:/image/image/1.png"; name: "image4"}
    }

    Component{
        id: nameDelegate
        Column{
            Image{
                id: delegateImage
                anchors.horizontalCenter: delegateText.horizontalCenter
                source: model.file
                width: 64
                height: 64
                smooth: true
            }
            Text{
                id: delegateText
                text: model.name
                font.pixelSize: 24
            }
        }
    }

    GridView{
        anchors.fill: parent
        anchors.margins: 10
        model: nameModel
        delegate: nameDelegate
        clip: true
    }
}

效果