QML跨平台设计的问题：文本大小

Question

我一直在使用具有不同字体宽度和高度的不同操作系统（尝试使用Windows 7和Ubuntu 13.10）遇到麻烦。 我尝试设置pixelSize和pointSize，结果在Arial和Courier字体文本中都导致大小不同（Windows字体通常较大）。

这是一个例子：

Rectangle {
    width: 312
    height: 44

    Text {
        id: text_1
        text: qsTr("1234567890123456789012345678901234567890")
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right

        font.family: "Courier"
        font.pointSize: 10
    }
    Text {
        id: text_2
        text: qsTr("123456789012345678901234567890")
        anchors.top: text_1.bottom
        anchors.left: parent.left
        anchors.right: parent.right

        font.family: "Courier"
        font.pointSize: 10
    }
    Text {
        id: text_3
        text: qsTr("12345678901234567890123456789012345")
        anchors.top: text_2.bottom
        anchors.left: parent.left
        anchors.right: parent.right

        font.family: "Courier"
        font.pointSize: 10
    }
}

这个矩形的宽度和高度是通过反复试验定义的，以适合Ubuntu中的3个文本。 查看以下屏幕截图：

在我的应用程序中，我想要一个文本对象（具有Courier字体）来填充其父对象的宽度（文本是固定的）。 在另一个矩形中，我希望文本对象（多个对象，就像上面的示例一样，使用Arial字体锚定）以填充父对象的高度。

目前，我正在寻找一种根据固定文本内容动态设置父母身高和身高的方法，但我不能因此感到必须采用一种更简单的方法来做到这一点。

任何提示表示赞赏。

Answer 1

在这种情况下，选择父级的高度/宽度是一个不好的主意-如您所见，它不是可移植的。 如果您以后决定更改字体怎么办，您要重新计算所有内容吗？ 这是您要委托给QML的东西。

我建议使用Layouts ，就像这样：

import QtQuick.Layouts 1.1 // Necessary to use ColumnLayout

ColumnLayout {   // A Single Column
    Text {
        id: text_1
        text: qsTr("1234567890123456789012345678901234567890")

        // No need for anchoring ! You may want to use Layout.fillWidth: true in some cases

        font.family: "Courier"
        font.pointSize: 10
    }
    Text {
        id: text_2
        text: qsTr("123456789012345678901234567890")

        font.family: "Courier"
        font.pointSize: 10
    }
    Text {
        id: text_3
        text: qsTr("12345678901234567890123456789012345")

        font.family: "Courier"
        font.pointSize: 10
    }
}