QML/QtQuick-在ColumnLayout中覆盖的图像

QML/QtQuick-在ColumnLayout中覆盖的图像,qt,qml,qtquick2,Qt,Qml,Qtquick2,当我在一个ColumnLayout中放置多个图像时,它们会覆盖自己,而我只看到最后一个图像 以下是我的代码示例: Rectangle{ width: parent.width color: "#00ffffff" height: 370 ColumnLayout{ width : parent.width spacing : 0 Image { anchors.horizontalCenter

当我在一个ColumnLayout中放置多个图像时,它们会覆盖自己,而我只看到最后一个图像

以下是我的代码示例:

Rectangle{
    width: parent.width
    color: "#00ffffff"
    height: 370
    ColumnLayout{
        width : parent.width
        spacing : 0
        Image {
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            source: "img/img1.png"
        }
        Image {
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            source: "img/img2.png"
     }
        Image {
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            source: "img/img3.png"
        }
    }
}

你知道我怎样才能一个接一个地看到这3幅图像吗?

这是因为在执行此操作时,你强制图像垂直和水平居中:

Image {
  anchors.horizontalCenter: parent.horizontalCenter
  anchors.verticalCenter: parent.verticalCenter
  source: "img/img3.png"
}

如果您希望图像水平居中,但同时保持列中的布局,则应从
图像组件中删除
锚定.verticalCenter
属性

谢谢!就这样。我从图像组件中删除了“anchors.verticalCenter”属性,并将其放在上面的ColumnLayout中,这就成功了。谢谢