Question

我想知道是否有办法在QML或C ++中将图像分割成单元格（即4 * 4网格）？所以说我在窗口/矩形中加载图像并希望将其拆分为网格，以便稍后能够单独操作每个单元格。提前致谢。

Answer 1

您还可以将图像加载到具有偏移的图像项目中。由于一旦加载的图像被缓存，就不会有额外的开销。

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
    }
}

将图像拆分为单元格QML / QT

1 个答案: