QML中将图片错位重叠

在 QML 中，你可以通过设置不同图片的 `z` 属性来控制它们的层叠顺序，从而实现图片的重叠效果。以下是一个简单的例子，演示了如何在不同的位置上显示两张图片，并让它们错位重叠：

import QtQuick 2.0

Item {
    width: 200
    height: 200

    Image {
        source: "image1.jpg"
        anchors.top: parent.top
        anchors.left: parent.left
        z: 1
    }

    Image {
        source: "image2.jpg"
        anchors.bottom: parent.bottom
        anchors.right: parent.right
        z: 2
    }
}

在这个例子中，我们创建了两个 `Image` 组件来显示不同的图片。第一个图片的 `z` 属性设置为 1，第二个图片的 `z` 属性设置为 2，这样第二个图片就会显示在第一个图片的上面，从而实现错位重叠的效果。

我们还通过设置不同的锚点，将两张图片放置在了窗口的不同位置上。第一个图片的锚点设置为左上角，第二个图片的锚点设置为右下角，这样它们就不会重叠在同一个位置上，而是错位重叠。