qml - 如何在 QML 的 StackLayout 中将标签文本居中？

Question

我有一个容器，它是一个 DockLayout，在这个容器中是另一个作为 StackLayout 的容器。我有一个我想居中的标签，但我无法让它发挥作用。

我需要一些帮助。

这是结构的一个小概述：

Container {
    layout: DockLayout {
    }
    Container {
        id: cAnzeige
        Label {
            id: lblHeader
            textStyle.fontSize: FontSize.XLarge
            text: "header"
        }
        verticalAlignment: VerticalAlignment.Top
        layout: StackLayout {
        }
    }
}    

Answer 1

1）使 StackLayout 填充水平宽度：

horizontalAlignment = HorizontalAlignment.FILL

2）使标签居中：

horizontalAlignment = HorizontalAlignment.CENTER

Answer 2

StackLayout这里是多余的。在您的情况下使用DockLayout就足够了：

Container {
    layout: DockLayout {
    }
    Container {
        id: cAnzeige
        horizontalAlignment: HorizontalAlignment.Center
        verticalAlignment: VerticalAlignment.Center
        Label {
            id: lblHeader
            textStyle.fontSize: FontSize.XLarge
            text: "header"
        }
    }
}