将两个Text QML类型垂直对齐,使用不同的font.pixelSize值

时间:2016-09-22 09:21:30

标签: qt fonts qml

Text {
     id: firstText
     x: 50
     y: 570
     text: "4.4"
     font.pixelSize: 60
     font.family: sansGuiltMB.name
     color: "#0085CA" 
}

Text {
    id: secondText
    anchors.left: firstText.right
    y: 570
    text: "m/s"
    font.pixelSize: 28
    font.family: universalisRegular.name
    color: "#0085CA3"
}

输出:

enter image description here

我希望 secondText 位于底部。为什么它被困在顶部?我试过使用verticalAlignment,verticalCenter,ligneHeight但没有改变。

编辑:添加anchors.bottom: firstText.bottom确实有效,但 firstText secondText 不是垂直对齐的:

enter image description here

1 个答案:

答案 0 :(得分:2)

anchors.bottom: firstText.bottom

适合我。

修改 取代

anchors.bottom: firstText.bottom

anchors.baseline: firstText.baseline

我认为你想要的是:

Fixed vertical align