从eye-icon更改为自定义图标(默认)以获取android EditText中的隐藏显示密码 [英] Change to custom icon from eye-icon(default) for hide-show password in android EditText

问题描述

我想更改/显示不同的图标，以便在android edittext中显示密码. 我正在使用以下代码来显示图标.

I want to change/display different icons for show password in android edittext. I am using following code to display icon.

<android.support.design.widget.TextInputLayout
    android:id="@+id/layoutTextInput"
    android:textColorHint="@color/aluminium">
    <android.support.v7.widget.AppCompatEditText
        android:id="@+id/editTextValue"
        android:imeOptions="actionNext"
        android:layout_marginBottom="8dp"
        android:inputType="text"/>
</android.support.design.widget.TextInputLayout>

我想使用自定义图标而不是普通图标(eye-icon).请帮助我.

I want to use custom icons instead of normal icons(eye-icon). Please help me.

推荐答案

创建一个新的可绘制文件并将其命名为 show_password_selector.xml

Create a new drawable file and named it as show_password_selector.xml

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

，然后在布局文件的TextInputLayout中添加app:passwordToggleDrawable属性:

and in your layout file, add app:passwordToggleDrawable attribute in TextInputLayout :

<android.support.design.widget.TextInputLayout
    android:id="@+id/layoutTextInput"
    app:passwordToggleEnabled="true"
    app:passwordToggleDrawable="@drawable/show_password_selector"
    android:textColorHint="@color/gray">
    <android.support.v7.widget.AppCompatEditText
        android:id="@+id/editTextValue"
        android:imeOptions="actionNext"
        android:layout_marginBottom="8dp"
        android:inputType="text"/>
</android.support.design.widget.TextInputLayout>

供参考: https://www.youtube.com/watch?v=dW0YIV0Z9qk

这篇关于从eye-icon更改为自定义图标(默认)以获取android EditText中的隐藏显示密码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！