Unity 2D Button切换Image颜色后图片消失问题排查

安全阿岳

2026-8-28

UGUI音频切换按钮点击后图片消失问题

核心原因

问题出在你定义的enabled_color、disabled_color两个颜色字段的Alpha透明通道值为0：

UGUI的Image组件color属性是叠乘渲染色，图片最终显示透明度 = 源图片像素Alpha * color属性的Alpha值。只要赋值的color Alpha为0，不管源图本身是什么内容，都会被渲染成全透明，视觉上就是图片直接消失。
你在Inspector面板看到颜色属性已经正确切换，是因为RGB值确实赋值成功了，只是选颜色时大概率没注意颜色选择器里的Alpha滑条被误设为0，Inspector不展开颜色详情时很容易漏掉这个参数。

解决方案

修正Inspector颜色配置
找到脚本上挂载的两个颜色字段，点开颜色选择面板，把两个颜色的Alpha通道值拉满：0-255值域下设为255，0-1值域下设为1即可。如果要做禁用状态半透明效果，也不要把Alpha设为0，按需调整到0.5-0.9区间即可。
注意：部分版本Unity用取色器吸取界面颜色时，不会自动同步被取色元素的Alpha值，吸完颜色一定要手动检查A通道参数。

代码加兜底逻辑，避免后续误操作
给颜色赋值前强制设置不透明Alpha，从代码层面规避透明问题，参考修改如下：

public void ChangeAudio() {
    Audio = !Audio;
    
    if (Audio) {
        enabled_color.a = 1f;
        soundIMG.color = enabled_color;
    }
    else {
        // 如需半透明禁用效果可自行调整a值，例：disabled_color.a = 0.7f;
        disabled_color.a = 1f;
        soundIMG.color = disabled_color;
    }

    MM.AsDie.mute = !Audio;
    MM.AsJump.mute = !Audio;
}