文本类型对齐

时间:2016-03-04 15:36:01

标签: qml

我有一个QML元素如下:

    Rectangle {
        x: 0
        y: 0
        width: rightDrawer.width
        height: 35
        color: "#35FE45"
        Text {
            text: "Settings"
            font.pixelSize: 19
            font.family: "AvantGarde-Medium"
            color: "#ffffff"
            smooth: true
            verticalAlignment: Text.AlignVCenter
        }
    }

尽管我将垂直对齐指定为对齐垂直中心,但它仍然显示与矩形顶部对齐的文本(参见附图)。我想将它与垂直中心对齐。

enter image description here

2 个答案:

答案 0 :(得分:7)

添加

anchors.verticalCenter: parent.verticalCenter 
anchors.left: parent.left

anchors.fill: parent

anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.left: parent.left

给你Text。 它正确对齐,但您Text项本身位于其父级的左上角。

答案 1 :(得分:2)

添加以下行:

anchors.verticalCenter: parent.verticalCenter 
anchors.left: parent.left
anchors.fill: parent