我正在使用
Row
来布局一些按钮,这些按钮位于我的自定义工具栏实现中的Rectangle
上。问题是无论我怎么做,组件总是从左侧对齐。我希望它们与行的中心对齐,并向外流动到边缘。代码如下:Rectangle {
id: toolbar
color: "green"
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
height: 100
Row
{
anchors.fill: parent
anchors.horizontalCenter: parent.horizontalCenter
spacing: 60
ToolButton {
height: parent.height
Image {
anchors.verticalCenter: parent.verticalCenter
source: "../images/image.png"
}
}
ToolButton {
height: parent.height
Image {
anchors.verticalCenter: parent.verticalCenter
source: "../images/image.png"
}
}
}
}
我的按钮总是从行的左侧开始布局。我希望它们相对于工具栏的中心进行布局。我认为指定这一行 anchors.horizontalCenter: parent.horizontalCenter
应该可以实现,但无论我尝试什么,组件都是从左边界开始布局。
RowLayout
。它看起来像Row
但具有更多的布局选项。 - Benjamin Tanchors.fill: parent
),同时将其居中对齐(anchors.horizontalCenter: parent.horizontalCenter
)。这两者无法同时实现。如果您想将Row项目放置在其父容器的中心,请删除anchors.fill: parent
。此外,您还应该设置Row的高度。我猜应该是height: parent.height
。另外,我猜您还应该设置ToolButton
的宽度。 - folibis