Android官方输入框，显示隐藏小眼睛

最新推荐文章于 2023-05-05 22:45:00 发布

文森AI爆红制造

最新推荐文章于 2023-05-05 22:45:00 发布

阅读量541

点赞数

分类专栏： Android实例文章标签： android java apache

本文链接：https://blog.csdn.net/iromkoear/article/details/121697022

版权

Android实例专栏收录该内容

17 篇文章

订阅专栏

本文展示了如何在Android中使用`TextInputLayout`和`EditText`组件创建一个带有自定义显示/隐藏密码图标的输入框。通过设置`app:passwordToggleDrawable`和`app:passwordToggleEnabled`属性，可以启用切换图标，并通过`password_toggle_selector.xml`选择器控制显示状态。同时，`password_toggle_show.xml`和`password_toggle_hide.xml`定义了不同状态下的图标资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

 <com.google.android.material.textfield.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:hintEnabled="false"
                app:passwordToggleDrawable="@drawable/password_toggle_selector"
                app:passwordToggleEnabled="true">

                <EditText
                    android:id="@+id/et_password"
                    android:layout_width="match_parent"
                    android:layout_height="50dp"
                    android:background="@null"
                    android:drawablePadding="8dp"
                    android:gravity="center_vertical"
                    android:hint="请输入密码"
                    android:inputType="textPassword"
                    android:maxLines="1"
                    android:paddingLeft="16dp"
                    android:paddingRight="16dp"
                    android:singleLine="true"
                    android:textColor="@color/main"
                    android:textColorHint="#a4c2f4"
                    android:textSize="15sp" />
            </com.google.android.material.textfield.TextInputLayout>

password_toggle_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/password_toggle_show"
        android:state_checked="true"/>
    <item android:drawable="@drawable/password_toggle_hide"/>
</selector>

password_toggle_show.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/account_ic_psw_checked"
        android:width="22dp"
        android:height="22dp"/>
</layer-list>

password_toggle_hide.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/account_ic_psw_uncheck"
        android:width="22dp"
        android:height="22dp"/>
</layer-list>