嘿，这个问题我太熟悉了！Qt Quick Controls 2的Button组件对文本的状态适配做得很到位——禁用时自动灰化、悬停/点击时也有对应的视觉反馈，但对图标的默认处理就有点“偷懒”了，不会自动跟着按钮的状态（尤其是禁用状态）调整外观，这就导致图标按钮和文本按钮的交互表现不一致。

下面给你几个实用的解决方案，能让图标按钮完全对齐文本按钮的所有状态表现：

方案1：简单绑定透明度（快速见效） #

这是最直接的方式，把图标的透明度绑定到按钮的enabled属性，同时也可以加上点击、悬停的透明度变化，和文本按钮的反馈匹配：

Button {
    iconSource: "my_button.png"
    enabled: sometimes

    // 完全对齐文本按钮的状态透明度：禁用0.3，正常1.0，按下0.7，悬停1.1
    icon.opacity: enabled ? (pressed ? 0.7 : (hovered ? 1.1 : 1.0)) : 0.3
}

这里的数值是参考Qt Quick Controls 2默认文本按钮的状态透明度设置的，你可以根据自己的UI风格微调。

方案2：用ColorOverlay实现精准灰化（更贴近文本效果） #

如果你的图标是彩色的，单纯调透明度可能达不到文本那种“灰化”的视觉效果，这时候可以用QtGraphicalEffects里的ColorOverlay来给禁用状态的图标叠加灰色滤镜：

import QtGraphicalEffects 1.0

Button {
    iconSource: "my_button.png"
    enabled: sometimes

    contentItem: Image {
        source: parent.iconSource
        opacity: parent.enabled ? (parent.pressed ? 0.7 : (parent.hovered ? 1.1 : 1.0)) : 0.3

        // 禁用时叠加灰色滤镜，和文本的灰化效果完全一致
        ColorOverlay {
            anchors.fill: parent
            source: parent
            color: "#aaaaaa" // 这个颜色是Qt默认文本禁用时的灰色，可按需调整
            visible: !parent.enabled
        }
    }
}

方案3：完全自定义状态样式（极致匹配） #

如果你需要100%复刻文本按钮的所有视觉细节（包括背景的状态变化），可以直接重写Button的contentItem和background，确保每一个状态的表现都和文本按钮完全同步：

Button {
    id: iconBtn
    iconSource: "my_button.png"
    enabled: sometimes

    // 自定义图标内容，同步所有状态
    contentItem: Image {
        source: iconBtn.iconSource
        opacity: iconBtn.enabled ? (iconBtn.pressed ? 0.7 : (iconBtn.hovered ? 1.1 : 1.0)) : 0.3
        smooth: true
    }

    // 同步背景的状态样式，和文本按钮一致
    background: Rectangle {
        color: iconBtn.enabled ? 
            (iconBtn.pressed ? "#cccccc" : (iconBtn.hovered ? "#eeeeee" : "#ffffff")) 
            : "#f0f0f0"
        border.color: iconBtn.enabled ? "#999999" : "#cccccc"
        radius: 2 // 匹配默认Button的圆角
    }
}

为什么会出现这个问题？ #

本质上是Qt Quick Controls 2的Button默认只对text属性做了内置的状态样式映射，而iconSource只是作为普通图片显示，没有关联按钮的状态变化逻辑，所以需要我们手动把图标和按钮的enabled、pressed、hovered这些状态属性绑定起来，才能实现和文本按钮一致的交互表现。

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