【QT学习】qml中如何使字体居中

如果让字体居中有两种方法：

（1）创建一个rectangle，让text在rectangle中居中。

Window {
    width: 400
    height: 400
    title: qsTr("Hello World")
    visible: true
    Rectangle{
        anchors.centerIn: parent
        width: parent.width/2
        height: parent.height/2
        color:"yellow"
        Text {
            id: name
            anchors.centerIn: parent
            text: qsTr("text")
            font.pixelSize: 30
        }
    }
}

 

（2）只创建一个text，设置对其方式。

Window {
    width: 400
    height: 400
    title: qsTr("Hello World")
    visible: true
    Text {
        width: parent.width
        height: parent.height
        id: name
        text: qsTr("text")
        font.pixelSize: 30
        horizontalAlignment: Text.AlignHCenter//(1)
        verticalAlignment: Text.AlignVCenter//(2)
    }
}

 将代码（1）、（2）注释会产生效果1，文字在窗口左上方

将代码（1）注释掉，产生效果2，文字是水平居中的，靠主窗口上方

将代码（2）注释掉产生效果3，文字是垂直居中的，

将代码（1）跟（2）放开产生效果4，位子位于窗口正中间。