如何在TextInputEditText输入时移除错误图标并替换为密码切换图标

问题根源 #

你的代码存在几个核心问题：

• 每次输入框获取焦点时都会重复添加TextWatcher，导致逻辑触发混乱，状态切换失效
• 仅用setErrorEnabled(false)关闭错误状态不够彻底，无法确保错误图标被完全移除
• 失去焦点时强制设置END_ICON_NONE的逻辑，不符合输入时显示密码切换图标的需求

修正后的实现方案 #

步骤1：保留原有XML布局 #

你的布局已经正确配置了app:endIconMode="password_toggle"，无需修改：

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/text_field_password"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="30dp"
    android:hint="@string/txt_password"
    app:boxCornerRadiusBottomEnd="10dp"
    app:boxCornerRadiusBottomStart="10dp"
    app:boxCornerRadiusTopEnd="10dp"
    app:boxCornerRadiusTopStart="10dp"
    app:boxStrokeColor="@color/black"
    app:boxStrokeErrorColor="@color/red"
    app:boxStrokeWidth="2dp"
    app:endIconMode="password_toggle"
    app:errorTextColor="@color/red">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/edt_password"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:imeOptions="actionGo"
        android:inputType="textPassword" />

</com.google.android.material.textfield.TextInputLayout>

步骤2：重构Java逻辑代码 #

移除重复绑定TextWatcher的逻辑，一次性绑定并优化状态切换逻辑：

// 初始化时一次性绑定TextWatcher，避免重复触发
mBinding.edtPassword.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        // 输入框有内容时，强制清除错误状态并显示密码切换图标
        if (s.length() > 0) {
            mBinding.textFieldPassword.setError(null); // 彻底清除错误（含图标）
            mBinding.textFieldPassword.setEndIconMode(TextInputLayout.END_ICON_PASSWORD_TOGGLE);
        } else {
            // 输入框为空时，仅在无错误状态下隐藏图标
            if (!mBinding.textFieldPassword.isErrorEnabled()) {
                mBinding.textFieldPassword.setEndIconMode(TextInputLayout.END_ICON_NONE);
            }
        }
    }

    @Override
    public void afterTextChanged(Editable s) {}
});

// 焦点监听仅处理失去焦点时的验证逻辑
mBinding.textFieldPassword.setOnFocusChangeListener(new View.OnFocusChangeListener() {
    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        if (!hasFocus) {
            String password = mBinding.edtPassword.getText().toString().trim();
            // 示例：密码长度不足时显示错误并隐藏密码图标
            if (password.length() < 6) {
                mBinding.textFieldPassword.setError("密码长度不能少于6位");
                mBinding.textFieldPassword.setEndIconMode(TextInputLayout.END_ICON_NONE);
            }
        } else {
            // 获取焦点时，若输入框有内容则直接显示密码图标
            if (mBinding.edtPassword.getText().length() > 0) {
                mBinding.textFieldPassword.setEndIconMode(TextInputLayout.END_ICON_PASSWORD_TOGGLE);
            }
        }
    }
});

关键优化点 #

1. 用setError(null)替代setErrorEnabled(false)：该方法会同时清除错误文本、关闭错误状态并移除错误图标，比单独设置errorEnabled更彻底。
2. 一次性绑定TextWatcher：避免每次获取焦点都添加新的监听，防止逻辑重复触发导致状态混乱。
3. 状态联动逻辑：
   • 输入时有内容：强制切换为密码图标，同时清除错误状态
   • 输入时无内容：根据是否存在错误决定显示状态
   • 失去焦点验证：验证不通过时显示错误并隐藏密码图标，验证通过则保持正常状态

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