qt - 如何在 ColumnLayout 中居中元素

Question

如何将元素居中于 ColumnLayout ?

这是我的qml代码:

ApplicationWindow {
    id: root
    visible: true
    width: 640
    height: 640
    title: qsTr("Your Booking")
    GridLayout{
        anchors.fill: parent
        columns: 2
        flow: GridLayout.TopToBottom
        Rectangle{
            id: appBar
            Layout.columnSpan: 2
            width: root.width
            height: root.height/10
            color: "red"
        }
        ColumnLayout{
            spacing:5
            id: columnData
            height: root.height - appBar.height
            width: root.width/2

            ComboBox{
                 anchors.horizontalCenter: parent.horizontalCenter
            }
            ComboBox{

            }
            ComboBox{
            }
            ComboBox{
            }
            ComboBox{
            }
        }
        ColumnLayout{

        }

    }
}

我想在 ColumnLayout 中居中组合框。

Answer 1

您应该避免同时使用 anchor 和布局。将它们混合在同一级别会导致布局故障或一些意外结果(但是，在布局中的项目内使用 anchor 是可以的)。

要对齐布局中的项目，您可以使用附加属性:Layout.alignment ，例如:

 Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter

此语句将使您的项目完全位于布局的中心。