Android中禁用带图标按钮时如何使图标同步灰化？

这个问题确实挺常见的，Android原生Button在禁用时只会自动灰化文字和背景，但不会处理图标状态，下面几种方案都能搞定，你可以根据自己的需求选：

方法1：使用StateListDrawable（推荐） #

这是最标准的Android原生解决方案，通过状态选择器匹配按钮不同状态下的图标。

1. 先准备两套图标：一套是正常启用状态的彩色图标（比如icon_ok.xml），另一套是提前处理好的灰化版本（比如icon_ok_disabled.xml，可以用设计工具把原图调为灰度）。
2. 在res/drawable目录下新建一个状态选择器文件，比如btn_ok_icon_selector.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 禁用状态显示灰化图标 -->
    <item android:drawable="@drawable/icon_ok_disabled" android:state_enabled="false"/>
    <!-- 默认启用状态显示彩色图标 -->
    <item android:drawable="@drawable/icon_ok"/>
</selector>

3. 把Button的android:drawableStart替换成这个选择器：

<Button
    android:id="@+id/bOk"
    android:drawableStart="@drawable/btn_ok_icon_selector"
    android:text="@string/ok"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

这样不管是通过XML设置android:enabled="false"，还是代码调用bOk.setEnabled(false)，图标都会自动切换成灰化版本。

方法2：通过代码动态添加灰度滤镜 #

如果不想额外准备灰化图标，可以用代码给图标添加灰度滤镜，在按钮状态变化时自动生效。

Kotlin示例 #

val bOk = findViewById<Button>(R.id.bOk)

// 监听按钮状态变化
bOk.addOnAttachStateChangeListener(object : View.OnAttachStateChangeListener {
    override fun onViewAttachedToWindow(v: View) {
        updateButtonIconState(bOk, bOk.isEnabled)
    }

    override fun onViewDetachedFromWindow(v: View) {}
})

// 手动设置状态时也可以调用这个方法
fun updateButtonIconState(button: Button, isEnabled: Boolean) {
    val colorFilter = if (!isEnabled) {
        // 饱和度设为0就是灰度效果
        ColorMatrixColorFilter(ColorMatrix().apply { setSaturation(0f) })
    } else {
        null
    }
    // 给所有复合图标（start/end/top/bottom）设置滤镜
    button.compoundDrawablesRelative.forEach { drawable ->
        drawable?.colorFilter = colorFilter
    }
}

Java示例 #

Button bOk = findViewById(R.id.bOk);

// 设置禁用状态时的图标滤镜
bOk.setEnabled(false);
ColorMatrix grayMatrix = new ColorMatrix();
grayMatrix.setSaturation(0); // 饱和度0实现灰度
ColorFilter grayFilter = new ColorMatrixColorFilter(grayMatrix);

// 获取drawableStart的图标（compoundDrawablesRelative[0]适配RTL布局）
Drawable startDrawable = bOk.getCompoundDrawablesRelative()[0];
if (startDrawable != null) {
    startDrawable.setColorFilter(grayFilter);
    bOk.invalidate(); // 强制刷新视图
}

// 恢复启用状态时记得清除滤镜
bOk.setEnabled(true);
if (startDrawable != null) {
    startDrawable.clearColorFilter();
    bOk.invalidate();
}

方法3：改用MaterialButton（省心之选） #

如果你的项目已经引入了Material Components库，直接用MaterialButton替代原生Button就好——它默认会自动处理禁用状态下的图标灰化，完全不用额外配置：

<com.google.android.material.button.MaterialButton
    android:id="@+id/bOk"
    android:drawableStart="@drawable/icon_ok"
    android:text="@string/ok"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

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