QML Rectangle在ColumnLayout中怎么水平居中
时间: 2024-05-07 12:23:11 浏览: 310
代码实现控件水平居中
要在 `ColumnLayout` 中将 `Rectangle` 水平居中,可以使用 `Layout.alignment` 属性。将 `Layout.alignment` 设置为 `Qt.AlignHCenter` 可以使 `Rectangle` 在其单元格中水平居中。
以下是一个示例代码:
```
import QtQuick 2.0
import QtQuick.Layouts 1.3
Item {
width: 200
height: 200
ColumnLayout {
anchors.fill: parent
Rectangle {
width: 100
height: 100
color: "red"
Layout.alignment: Qt.AlignHCenter
}
}
}
```
在这个示例中,我们创建一个 `ColumnLayout`,并在其中添加一个 `Rectangle`。我们将 `Layout.alignment` 设置为 `Qt.AlignHCenter`,这样 `Rectangle` 就会水平居中。
阅读全文