如何在QML的StackLayout中居中Label文本？

Question

我有一个Dock，它是一个DockLayout，在这个Container中是另一个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"
        }
    }
}