Android TextInputLayout如何在错误/提示文本右侧添加图标？

我来帮你搞定这个问题！其实遵循Material Design规范的话，官方的Material Components库已经原生支持在错误提示旁添加图标了，完全不用自己折腾自定义Helper或者拼接Drawable～

核心解决方案：用Material Components的TextInputLayout属性配置 #

首先确保你的项目已经依赖了Material Components库（如果还没加，在build.gradle里添加）：

implementation 'com.google.android.material:material:1.9.0' // 可以替换成最新版本

然后只需要两步就能实现：

1. 在XML布局中配置错误图标

直接给TextInputLayout添加app:errorIconDrawable属性，指定你的感叹三角形图标：

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/input_layout_password"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/EditTextTheme"
    app:errorEnabled="true"
    app:errorTextAppearance="@style/ErrorAppearance"
    app:passwordToggleDrawable="@drawable/asl_password_visibility"
    app:passwordToggleEnabled="true"
    app:passwordToggleTint="?colorControlNormal"
    app:errorIconDrawable="@drawable/ic_error_triangle"> <!-- 这里指定错误图标 -->
    
    <!-- 推荐用Material的TextInputEditText替代原生EditText，更符合规范 -->
    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/password_edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="@string/set_a_password"
        android:inputType="textPassword"
        android:singleLine="true" />
</com.google.android.material.textfield.TextInputLayout>

2. 代码中正常设置错误文本即可

不需要额外处理图标，直接调用setError()，图标会自动显示在错误文本右侧：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    val passwordInputLayout = findViewById<com.google.android.material.textfield.TextInputLayout>(R.id.input_layout_password)
    passwordInputLayout.error = "8+ characters and at least one uppercase letter, a number, and a special character (\$, #, !)"
    // 因为XML里已经设置了app:errorEnabled="true"，这里可以不用再设置
}

为什么你之前的方法没生效？ #

• 方法1里的带Drawable参数的setError()是旧版原生TextInputLayout的API，Material Components库已经用errorIconDrawable属性替代了这种方式，所以Kotlin里找不到对应方法很正常。
• 方法2重写TextInputLayoutHelper完全没必要，官方已经把这个功能封装好了，直接用属性配置就行。

动态修改错误图标（可选） #

如果需要在代码里动态切换错误图标，可以调用setErrorIconDrawable()方法：

passwordInputLayout.setErrorIconDrawable(R.drawable.ic_custom_error)

这样就完全符合Material Design浮动标签输入的规范啦，图标会自动和错误文本对齐，样式也统一～

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