Android Studio中如何修改被按下的ImageButton内部图标的颜色？

下面提供两种常用实现方案，可根据需求选择： #

方案1：图标色调同步切换（推荐，精准控制图标颜色） #

该方案通过给图标添加色调选择器，实现按下状态和正常状态的图标颜色独立控制，不会影响背景原有效果。

1. 新建颜色选择器资源 res/drawable/icon_tint_selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按下/聚焦状态图标颜色，调整为你需要的暗色调 -->
    <item android:state_pressed="true" android:color="@color/dark_icon" />
    <item android:state_focused="true" android:color="@color/dark_icon" />
    <!-- 正常状态图标颜色 -->
    <item android:color="@color/normal_icon" />
</selector>

2. 修改你的ImageButton布局，添加tint属性关联上述选择器：

<ImageButton
    ... 原有属性不变
    android:tint="@drawable/icon_tint_selector"
    <!-- 低版本系统兼容可以改用 app:tint -->
    />

方案2：全局变暗遮罩（最简方案，无需单独调整图标颜色） #

如果你不需要单独控制图标和背景的变暗程度，只是需要两者同步变暗，直接给按钮添加一层按下时显示的半透明遮罩即可，不需要修改原有背景和图标配置：

1. 新建遮罩选择器资源 res/drawable/button_press_mask.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <!-- 半透明黑色，#后面前两位是透明度，00全透FF不透明，可按需调整 -->
            <solid android:color="#40000000" />
            <!-- 如果按钮有圆角，这里加<corners android:radius="你的圆角值"/> 对齐即可 -->
        </shape>
    </item>
    <item android:drawable="@android:color/transparent" />
</selector>

2. 修改你的ImageButton布局，添加foreground属性关联遮罩：

<ImageButton
    ... 原有属性不变
    android:foreground="@drawable/button_press_mask"
    />

注意事项 #

• 如果使用app:tint适配低版本，需要在布局根节点添加命名空间xmlns:app="http://schemas.android.com/apk/res-auto"
• 方案2的遮罩会覆盖整个按钮区域，适配圆角时需要和你的背景圆角值保持一致避免显示异常

内容的提问来源于stack exchange，提问作者André_Almeida