TextInputLayout中自定义Drawable图标显示发灰模糊如何解决？

你在给TextInputLayout添加自定义麦克风图标作为语音输入按钮时，遇到了图标显示发灰、不清晰的问题——单独查看图标是清晰的黑白样式，但添加到组件后被灰度化，且尝试app:boxBackgroundMode="none"没有效果。以下是几种可行的解决方法：

方法一：直接指定图标着色 #

在TextInputLayout中添加app:endIconTint属性，强制设置图标的颜色，覆盖Material组件默认的灰度着色：

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/descriptionLayout"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:hint="@string/volunteering_description"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/projectLayout"
    app:endIconMode="custom"
    app:endIconDrawable="@drawable/ic_microphone"
    app:endIconContentDescription="Voice Input"
    app:endIconTint="@color/black" <!-- 新增：设置图标颜色 -->
    android:layout_marginTop="@dimen/default_margin">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/etDescription"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minLines="2" />
</com.google.android.material.textfield.TextInputLayout>

你可以将@color/black替换为你需要的颜色（比如主题中的@color/onSurface来匹配整体风格）。

方法二：修改矢量图标本身的着色设置 #

如果你的麦克风图标是矢量Drawable文件，可以在图标文件中关闭自动着色，让图标保持原本的黑白样式：

打开ic_microphone.xml，添加android:tint="@null"属性：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="@null"> <!-- 关闭组件的自动着色 -->
    <!-- 图标原有的路径内容 -->
</vector>

方法三：用状态列表控制不同状态的图标颜色 #

如果需要图标在启用、禁用、点击等状态下显示不同颜色，可以创建一个状态列表Drawable：

1. 创建drawable/microphone_icon_tint.xml文件：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/black" android:state_enabled="true" />
    <item android:color="@color/gray_500" android:state_enabled="false" />
</selector>

2. 在TextInputLayout中引用这个状态列表作为着色：

app:endIconTint="@drawable/microphone_icon_tint"

问题原因 #

Material组件的TextInputLayout默认会对末尾图标应用主题中colorOnSurface的低透明度版本（即灰色调），以此保持组件风格统一，但这会覆盖自定义图标的原始颜色，导致图标发灰模糊。上述方法通过强制指定颜色或关闭自动着色，就能恢复图标的清晰显示。

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