कोशिकाओं में विभाजित छवि QML/QT

इसके अलावा आप ऑफ़सेट के साथ छवि आइटम में एक छवि लोड कर सकते हैं। चूंकि एक बार लोड की गई छवि कैश की जाती है, इसलिए कोई अतिरिक्त ओवरहेड नहीं होगा।

Window {
    visible: true
    width: 600
    height: 600

    Component {
        id: imgComponent
        Item {
            property int row: index / 3
            property int col: index % 3
            x: col * (200)
            y: row * (200)
            width: 200
            height: 200
            clip: true
            Image {
                x: col * (-200)
                y: row * (-200)
                width: 600
                height: 600
                fillMode: Image.Pad
                source: "http://images.all-free-download.com/images/graphiclarge/green_homes_polar_coordinates_02_hd_picture_165795.jpg"
                Component.onCompleted: console.log(row, col);
            }
            MouseArea {
                anchors.fill: parent
                drag.target: parent
            }
        }
    }

    Repeater {
        model: 9
        delegate: imgComponent
    }
}