horizontalAlignment: Text.AlignHCenter verticalAlignment: Text.AlignVCenter

在 QML 中，可以使用 Text 控件的 horizontalAlignment 和 verticalAlignment 属性来实现字体横向居中和竖向居中的效果。

1. 实现字体横向居中

要实现字体横向居中，可以将 Text 控件的 horizontalAlignment 属性设置为 Text.AlignHCenter。例如，如果想要一个 Text 控件中的字体横向居中，可以这样写：

Text {
    text: "Hello, World!"
    font.pixelSize: 24
    horizontalAlignment: Text.AlignHCenter
}

在上面的例子中，我们将 Text 控件的 horizontalAlignment 属性设置为 Text.AlignHCenter，即可实现字体横向居中的效果。

2. 实现字体竖向居中

要实现字体竖向居中，可以将 Text 控件的 verticalAlignment 属性设置为 Text.AlignVCenter，同时使用 RotationTransform 和 TranslateTransform 组件来实现。具体步骤如下：

- 使用 RotationTransform 组件将 Text 控件旋转 90 度，使其变为竖向显示。
- 使用 TranslateTransform 组件将 Text 控件向上平移半个控件高度，从而实现字体竖向居中效果。

示例代码如下：

Text {
    text: "Hello, World!"
    font.pixelSize: 24
    verticalAlignment: Text.AlignVCenter
    transform: [
        Rotation {
            origin.x: width/2
            origin.y: height/2
            angle: -90
        },
        Translate {
            y: width/2 - font.pixelSize/2
        }
    ]
}

在上面的例子中，我们使用了 RotationTransform 组件将 Text 控件旋转了 -90 度，然后使用了 TranslateTransform 组件将 Text 控件向上平移了半个控件高度，从而实现了字体竖向居中的效果。同时，我们将 Text 控件的 verticalAlignment 属性设置为 Text.AlignVCenter，使其在竖向上居中。