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

Posted 2022-12-04 mo_weifeng

 <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>

account_ic_psw_uncheck

account_ic_psw_checked