Android開(kāi)發(fā)EditText實(shí)現(xiàn)密碼顯示隱藏

更新時(shí)間：2022年08月02日 11:34:24 作者：伊文他媽

這篇文章主要為大家詳細(xì)介紹了Android開(kāi)發(fā)EditText實(shí)現(xiàn)密碼顯示隱藏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

最近在做一個(gè)登錄、注冊(cè)頁(yè)面，里面需要顯示或隱藏密碼，故做了一個(gè)簡(jiǎn)單的顯示和隱藏功能。

關(guān)鍵類(lèi)TextView.setTransformationMethod(TransformationMethod method)，其中TransformationMethod 有兩個(gè)子類(lèi)：

HideReturnsTransformationMethod 隱藏回車(chē)
PasswordTransformationMethod 密碼類(lèi)型

關(guān)鍵代碼：

@OnClick(R.id.iv_psw_eye)
? ? void clickPswEye() {
? ? ? ? int tag = Integer.parseInt(pswEyeIV.getTag().toString());
? ? ? ? if (tag == 1) {//顯示密碼
? ? ? ? ? ? pswEyeIV.setTag(2);
? ? ? ? ? ? pswEyeIV.setImageResource(R.mipmap.icon_psw_not_eye);
? ? ? ? ? ? passwordET.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
? ? ? ? } else {//隱藏密碼
? ? ? ? ? ? pswEyeIV.setTag(1);
? ? ? ? ? ? pswEyeIV.setImageResource(R.mipmap.icon_psw_eye);
? ? ? ? ? ? passwordET.setTransformationMethod(PasswordTransformationMethod.getInstance());
? ? ? ? }
? ? }

我用ImageView的Tag屬性存儲(chǔ)當(dāng)前密碼輸入框的類(lèi)型，1是密碼類(lèi)型，2是顯示類(lèi)型。布局組件關(guān)鍵代碼如下：

<RelativeLayout
? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? android:layout_height="45dp"
? ? ? ? ? ? android:layout_gravity="center"
? ? ? ? ? ? android:layout_marginTop="26dp"
? ? ? ? ? ? android:background="@drawable/bg_edit_login"
? ? ? ? ? ? android:paddingLeft="26dp">

? ? ? ? ? ? <EditText
? ? ? ? ? ? ? ? android:id="@+id/password_ET"
? ? ? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? ? ? android:layout_height="match_parent"
? ? ? ? ? ? ? ? android:layout_toLeftOf="@+id/iv_psw_eye"
? ? ? ? ? ? ? ? android:background="@null"
? ? ? ? ? ? ? ? android:gravity="center_vertical"
? ? ? ? ? ? ? ? android:hint="請(qǐng)輸入密碼"
? ? ? ? ? ? ? ? android:inputType="textPassword"
? ? ? ? ? ? ? ? android:maxLines="1"
? ? ? ? ? ? ? ? android:textColor="@color/color_666666"
? ? ? ? ? ? ? ? android:textColorHint="@color/color_999999"
? ? ? ? ? ? ? ? android:textSize="13sp" />

? ? ? ? ? ? <ImageView
? ? ? ? ? ? ? ? android:id="@+id/iv_psw_eye"
? ? ? ? ? ? ? ? android:layout_width="wrap_content"
? ? ? ? ? ? ? ? android:layout_height="match_parent"
? ? ? ? ? ? ? ? android:layout_alignParentRight="true"
? ? ? ? ? ? ? ? android:paddingLeft="20dp"
? ? ? ? ? ? ? ? android:paddingRight="26dp"
? ? ? ? ? ? ? ? android:src="@mipmap/icon_psw_eye"
? ? ? ? ? ? ? ? android:tag="1" />
</RelativeLayout>

截圖：