相信大家都見過如下圖所示的密碼文本輸入框,點(diǎn)擊右方的圖標(biāo)便可切換為明文顯示密碼。
密碼文本輸入框
在安卓中否淤,我們可以充分利用EditText的RightDrawable來實(shí)現(xiàn)這樣的效果喉恋,同理一鍵清除也可實(shí)現(xiàn)沃饶,其效果圖如下所示。
EditTextPassword
下面對(duì)其進(jìn)行簡(jiǎn)單介紹轻黑,首先是布局文件糊肤,很簡(jiǎn)單,就一個(gè)ImageView和一個(gè)自定義的EditText氓鄙,代碼如下所示馆揉。
<?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:layout_marginLeft="8dp"
android:layout_marginRight="8dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginRight="8dp"
android:background="@drawable/locked"/>
<blankj.edittextpassword.EditTextPassword
android:id="@+id/etp_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@drawable/input"
android:drawableRight="@drawable/eye_grey"
android:singleLine="true"
android:textColor="#ff7000"
android:textCursorDrawable="@null"/>
</LinearLayout>
再是對(duì)EditText進(jìn)行拓展,首先要獲取到EditText的RightDrawable抖拦,代碼如下所示升酣。
final int DRAWABLE_RIGHT = 2;
drawableRight = getCompoundDrawables()[DRAWABLE_RIGHT];
然后定義它的回調(diào)接口和外部訪問接口函數(shù)舷暮,代碼如下所示。
public interface DrawableRightListener {
void onDrawableRightClick();
}
public void setDrawableRightListener(DrawableRightListener listener) {
this.mRightListener = listener;
}
在onTouchEvent()中判斷是否點(diǎn)擊到RightDrawable來設(shè)置是否啟用回調(diào)噩茄,在此還需保存光標(biāo)位置下面,再點(diǎn)擊完之后進(jìn)行復(fù)位,優(yōu)化用戶體驗(yàn)绩聘,具體代碼如下所示沥割。
@Override
public boolean onTouchEvent(MotionEvent event) {
if (drawableRight != null && mRightListener != null && event.getAction() == MotionEvent.ACTION_UP) {
int x = (int) event.getX();
int y = (int) event.getY();
//判斷點(diǎn)擊是否落在rightDrawable中
if (x > getWidth() - getTotalPaddingRight() && x < getWidth() && y > 0 && y < getHeight()) {
//獲取點(diǎn)擊之前光標(biāo)的位置
int pos = getSelectionStart();
//設(shè)置回調(diào)
mRightListener.onDrawableRightClick();
//恢復(fù)點(diǎn)擊之前光標(biāo)的位置
this.setSelection(pos);
}
}
return super.onTouchEvent(event);
}
最后就是在使用的地方進(jìn)行定義回調(diào)函數(shù)的作用了,代碼如下所示凿菩。
inputETP.setDrawableRightListener(this);
//同樣地可以在這可以實(shí)現(xiàn)其他的效果机杜,比如一鍵清空
@Override
public void onDrawableRightClick() {
if (mIsShow) {
inputETP.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.eye_grey, 0) ;
inputETP.setInputType(InputType.TYPE_CLASS_TEXT | EditorInfo.TYPE_TEXT_VARIATION_PASSWORD);
} else {
inputETP.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.eye_orange, 0) ;
inputETP.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);
}
mIsShow = !mIsShow ;
}
最后獻(xiàn)上源碼地址:EditTextPassword
原文地址利用EditText的RightDrawable切換密碼顯示
我的自媒體博客Blankj小站,歡迎來逛逛蓄髓。