如何根据QML按钮尺寸缩放按钮文本？

绑定循环的核心原因是：你通过implicitHeight计算字体大小，而字体大小变化又会反过来影响implicitHeight，形成双向依赖。以下是几种可靠的解决方式：

方案一：使用视觉缩放（scale）替代修改字体大小 #

通过scale属性缩放文本，仅改变视觉呈现，不会影响按钮的固有尺寸，彻底避免循环：

import QtQuick 2.11
import QtQuick.Controls 2.10

ToolButton {
    id: btn
    // 设置基础字体大小，确保按钮初始尺寸合理
    font.pixelSize: 14

    contentItem: Text {
        text: btn.text
        font: btn.font
        // 根据按钮高度计算缩放比例，1.2是字体高度与像素大小的大致系数，可按需调整
        scale: btn.height / (font.pixelSize * 1.2)
        anchors.fill: parent
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
    }
}

方案二：固定按钮高度后计算字体大小 #

如果按钮高度是固定值（由父元素或布局明确指定），直接基于固定高度设置字体大小：

import QtQuick 2.11
import QtQuick.Controls 2.10

ToolButton {
    id: btn
    height: 40 // 固定按钮高度
    font.pixelSize: height * 0.8

    contentItem: Text {
        text: btn.text
        font: btn.font
        anchors.fill: parent
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
    }
}

方案三：结合Qt Quick Layouts使用参考高度 #

若使用布局管理界面，可基于布局提供的preferredHeight或minimumHeight计算字体大小，这类值不会随字体变化而改变：

import QtQuick 2.11
import QtQuick.Controls 2.10
import QtQuick.Layouts 1.11

RowLayout {
    width: parent.width
    ToolButton {
        id: btn
        Layout.preferredHeight: 40
        font.pixelSize: Layout.preferredHeight * 0.8

        contentItem: Text {
            text: btn.text
            font: btn.font
            anchors.fill: parent
            verticalAlignment: Text.AlignVCenter
            horizontalAlignment: Text.AlignHCenter
        }
    }
}

内容的提问来源于stack exchange，提问作者Hyndrix