qt - 在 qml 中自动调整文本大小

Question

在学习QML和QtQuick的过程中，出现了如下问题。如何通过减少文本所在的元素使文本自动减小字体大小。
现在我有了这个方法

Rectangle {
id: main_window
width: 700
height: 500

property int main_w: main_window.width

Rectangle {
    width: 400
    height: 400
    anchors.centerIn: parent
    color: 'green'

    Text {
        text: "SIZE ME!!!"
        anchors.centerIn: parent
        color: 'white'
        font.pointSize: {
            if (main_window.main_w < main_window.width)
                return main_window.main_w / 35 // we need 20pt
            return main_window.width / 35
        }
        visible: {
            if (parent.width < 100)
                return false
            return true
        }
    }
}

它有效，但不太优雅。也许有一些方法可以自动调整文本大小。如果包裹在 ColumnLayout不起作用。

请帮忙。谢谢

这是我的代码 fontSizeMode试:

Rectangle {
id: root
width: 700
height: 700
property int mrg: 10   

Rectangle {
    anchors.centerIn: parent
    width: 400
    height: 400
    color: 'green'

    Text {
        id: field
        text: "Size me!"
        minimumPointSize: 10
        font.pointSize: 60
        fontSizeMode: Text.Fit
        color: 'white'
        anchors.centerIn: parent
    }
}
}

Answer 1

使用文本元素 fontSizeMode设置自动调整大小的属性( Text.HorizontalFit 、 Text.VerticalFit 或 Text.Fit )。
您可以使用 minimumPixelSize 调整最小字体大小属性(property)。

见 http://doc.qt.io/qt-5/qml-qtquick-text.html#fontSizeMode-prop详情