如何捕获TextInputLayout的密码可见性切换事件？

要监听用户切换密码可见性的动作，有两种可靠的实现方式，我给你详细拆解一下：

方法一：使用官方API（推荐，兼容性更好） #

从Material Components Library 1.2.0版本开始，TextInputLayout提供了直接操作end icon的API，我们可以通过包装默认的点击监听器来添加自定义逻辑，这样不会破坏原有的密码切换功能：

Kotlin 示例代码 #

val passwordInputLayout = findViewById<TextInputLayout>(R.id.your_password_til_id)

// 先保存原生的密码切换点击监听器
val originalToggleListener = passwordInputLayout.endIconClickListener

// 设置自定义的监听器，先执行原生逻辑，再添加自己的代码
passwordInputLayout.setEndIconOnClickListener {
    originalToggleListener?.onClick(it) // 执行原生的密码切换操作
    // 这里添加你的自定义事件处理逻辑
    val isPasswordVisible = passwordInputLayout.editText?.transformationMethod !is PasswordTransformationMethod
    Log.d("PasswordToggle", "密码可见性已切换：${if (isPasswordVisible) "显示" else "隐藏"}")
    // 比如更新UI、统计事件等操作
}

Java 示例代码 #

TextInputLayout passwordInputLayout = findViewById(R.id.your_password_til_id);

// 保存原生监听器
View.OnClickListener originalToggleListener = passwordInputLayout.getEndIconClickListener();

// 设置自定义监听器
passwordInputLayout.setEndIconOnClickListener(v -> {
    if (originalToggleListener != null) {
        originalToggleListener.onClick(v); // 执行原生切换逻辑
    }
    // 自定义处理逻辑
    boolean isPasswordVisible = !(passwordInputLayout.getEditText().getTransformationMethod() instanceof PasswordTransformationMethod);
    Log.d("PasswordToggle", "密码可见性已切换：" + (isPasswordVisible ? "显示" : "隐藏"));
});

方法二：通过内部Toggle视图监听（兼容旧版本） #

如果你的项目使用的是1.2.0之前的Material库，可以通过找到TextInputLayout内部的密码切换按钮来添加监听：

Kotlin 示例代码 #

val passwordInputLayout = findViewById<TextInputLayout>(R.id.your_password_til_id)
// 找到内部的密码切换图标（Material库内置的ID）
val passwordToggle = passwordInputLayout.findViewById<ImageView>(com.google.android.material.R.id.design_password_toggle)

passwordToggle.setOnClickListener {
    // 这里可以直接处理切换事件，此时原生逻辑已经执行完毕
    val isPasswordVisible = passwordInputLayout.editText?.transformationMethod !is PasswordTransformationMethod
    Log.d("PasswordToggle", "密码可见性切换：${if (isPasswordVisible) "显示" else "隐藏"}")
}

Java 示例代码 #

TextInputLayout passwordInputLayout = findViewById(R.id.your_password_til_id);
ImageView passwordToggle = passwordInputLayout.findViewById(com.google.android.material.R.id.design_password_toggle);

passwordToggle.setOnClickListener(v -> {
    boolean isPasswordVisible = !(passwordInputLayout.getEditText().getTransformationMethod() instanceof PasswordTransformationMethod);
    Log.d("PasswordToggle", "密码可见性切换：" + (isPasswordVisible ? "显示" : "隐藏"));
});

注意事项 #

• 确保你的项目依赖了Material Components Library，比如在build.gradle（Module级别）中添加：

  implementation 'com.google.android.material:material:1.9.0' // 可替换为最新稳定版本
  

• 方法二中不要直接写ID的数值，一定要用com.google.android.material.R.id.design_password_toggle，避免版本更新导致ID变化
• 判断密码可见性时，通过EditText的transformationMethod是否为PasswordTransformationMethod来确定，这是最可靠的方式

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