In the process of studying QML and QtQuick, the following question arose. How can I make the text automatically reduce the font size by decreasing the element in which it is located. Now I have this method
Rectangle {id: main_windowwidth: 700height: 500property int main_w: main_window.widthRectangle { 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 } }}
It works, but not too elegantly. Maybe there are some methods that the text automatically resized. If the wrap in the ColumnLayout
does not work.
Please help. Thank you
Here my code with fontSizeMode
trying:
Rectangle {id: rootwidth: 700height: 700property 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 }}}