QML/QtQuick-在ColumnLayout中覆盖的图像
当我在一个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
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中,这就成功了。谢谢