Android實現動態顯示或隱藏密碼輸入框的內容
阿新 • • 發佈:2019-01-30
本文例項展示了Android實現動態顯示或隱藏密碼輸入框內容的方法,分享給大家供大家參考之用。具體方法如下:
該功能可通過設定EditText的setTransformationMethod()方法來實現隱藏密碼或者顯示密碼。
- 示例程式碼如下:
private ImageView iv_pwd;
private EditText et_password;
private boolean mbDisplayFlg = false;
/** Called when the activity is first created. */
@Override
public void onCreate (Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(activity_main_login);
et_password = (EditText)findViewById(R.id.et_password_login);
iv_pwd = (ImageView) findViewById(R.id.iv_pwd);
iv_pwd .setOnClickListener(new OnClickListener() {
@Override
public void onClick (View v) {
// TODO Auto-generated method stub
Log.d("AndroidTest", "mbDisplayFlg = " + mbDisplayFlg);
if (!mbDisplayFlg) {
// display password text, for example "123456"
iv_pwd.setImageResource(R.drawable.icon_show_pw);//設定顯示密碼的圖片
et_password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
et_password.setSelection(et_password.getText().toString().length()); //調整游標的位置到最後
} else {
// hide password, display "."
iv_pwd.setImageResource(R.drawable.icon_hide_pw);//設定隱藏密碼的圖片
et_password.setTransformationMethod(PasswordTransformationMethod.getInstance());
et_password.setSelection(et_password.getText().toString().length());
}
mbDisplayFlg = !mbDisplayFlg;
mEtPassword.postInvalidate();
}
});
}
2. xml檔案
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:orientation="vertical">
<LinearLayout
style="@style/TitleLinearlayoutStyle">
<ImageView
android:id="@+id/iv_login_forward"
android:clickable="true"
android:focusable="true"
style="@style/TitleImageviewStyle"/>
<TextView
style="@style/TitleTextviewStyle"
android:text="登入" />
<TextView
android:id="@+id/tv_register_login"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:gravity="center_vertical"
android:onClick="tv_register_login"
android:clickable="true"
android:text="註冊"
android:textColor="@color/white"
android:textSize="@dimen/title_text_size" />
</LinearLayout>
<TextView style="@style/TextviewShadowStyle" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="vertical">
<EditText
android:id="@+id/et_account_login"
android:layout_width="match_parent"
android:layout_height="50dp"
android:hint="手機/郵箱/使用者名稱"
android:gravity="center_vertical"
android:paddingLeft="15dp"
android:textColor="#000000"
android:background="@null"
android:textSize="@dimen/text_size_tip_default"/>
<TextView style="@style/TextviewLineStyle" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:gravity="center_vertical">
<EditText
android:id="@+id/et_password_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@null"
android:hint="登入密碼"
android:gravity="center_vertical"
android:inputType="textPassword"
android:textColor="#000000"
android:textSize="@dimen/text_size_tip_default" />
<ImageView
android:id="@+id/iv_pwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:src="@drawable/icon_hide_pw"/>
</RelativeLayout>
<TextView style="@style/TextviewLineStyle" />
<TextView style="@style/TextviewShadowStyle" />
<Button
android:id="@+id/btn_login"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:background="@drawable/btn_selector"
android:text="登入"
android:textColor="@color/white"
android:textSize="@dimen/button_size" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="25dp">
<TextView
android:id="@+id/tv_forgetpas_login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="忘記密碼?"
android:textColor="@color/normal_orange" />
<TextView
android:id="@+id/tv_sms_login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="簡訊驗證登入"
android:textColor="@color/normal_orange" />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="120dp"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/tv_third_login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="第三方登入"
android:textColor="#000000"
android:textSize="@dimen/text_size_tip_default"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"/>
<TextView
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#6a836d6d"
android:layout_centerVertical="true"
android:layout_toLeftOf="@id/tv_third_login"/>
<TextView
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#6a836d6d"
android:layout_centerVertical="true"
android:layout_toRightOf="@id/tv_third_login"/>
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingTop="10dp"
android:layout_marginLeft="90dp"
android:layout_marginRight="90dp"
android:orientation="horizontal">
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="微信"
android:textSize="@dimen/text_size_tip_default"
android:gravity="center"
android:drawableTop="@drawable/accounts_icon_weichat"/>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="QQ"
android:textSize="@dimen/text_size_tip_default"
android:gravity="center"
android:drawableTop="@drawable/accounts_icon_qq"
/>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="微博"
android:textSize="@dimen/text_size_tip_default"
android:gravity="center"
android:drawableTop="@drawable/accounts_icon_weibo"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
3.效果圖