QML MenuItem设置图标颜色后禁用时图标不灰化问题咨询

问题本质 #

这是Qt Quick Controls Basic样式下MenuItem组件的样式实现差异，并非严格意义上的Bug：

• 当你显式设置icon.color时，Basic样式的MenuItem会直接使用该颜色值，覆盖禁用状态下默认的灰化逻辑；
• 而Menu（子菜单）的样式实现不同，即使设置了icon.color，禁用时仍会自动叠加灰化滤镜，因此表现正常。

规避方案 #

方案1：动态绑定颜色值到enabled状态 #

根据MenuItem的启用状态，动态切换icon.color，禁用时使用符合样式规范的禁用色：

import QtQuick 6.5
import QtQuick.Controls 6.5
import QtQuick.Controls.Basic 6.5

// ...

MenuItem {
    id: item1
    text: "Item 1"

    icon {
        source: "images/cam1.png"
        // 启用时用transparent，禁用时用Basic样式的禁用文本色
        color: item1.enabled ? "transparent" : BasicPalette.disabled.text
    }
}

方案2：手动添加禁用滤镜 #

忽略样式自带的逻辑，为MenuItem的图标手动添加禁用状态的灰化滤镜：

MenuItem {
    id: item1
    text: "Item 1"

    icon {
        source: "images/cam1.png"
        color: "transparent"
    }

    // 禁用时叠加灰化效果
    ColorOverlay {
        anchors.fill: item1.iconItem // 直接绑定到图标元素
        visible: !item1.enabled
        color: "#888888" // 可根据需求调整灰化程度
        opacity: 0.6
    }
}

额外说明 #

如果切换到其他样式（如Material、Universal），该问题会自动消失，因为这些样式的MenuItem禁用逻辑不受显式设置的icon.color影响。

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