本文主要是自定義了EditText,當EditText有文本輸入的時候會出現刪除圖標,點擊刪除圖標實現文本的清空,其次對密碼的返回做了處理,用*替代系統提供的.。
首先看效果圖:

整體布局UI:
<com.example.zdyedittext.ClearEditText android:id="@+id/editText1" android:layout_width="fill_parent" android:layout_height="35dp" android:layout_alignTop="@+id/imageView1" android:layout_marginLeft="17dp" android:layout_toRightOf="@+id/imageView1" android:background="@android:color/white" android:ems="10" android:hint="手機號" android:padding="8dp" android:singleLine="true" /> <com.example.zdyedittext.ClearEditText android:id="@+id/et_pass_word" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="密碼" android:background="@android:color/white" android:password="true" android:padding="8dp" android:singleLine="true" />
自定義EditText類
由于自定義EditText理所當然要集成EditText
public class ClearEditText extends EditText
然后添加構造方法,是為了能在XML中能夠引用。
public ClearEditText(Context context, AttributeSet attrs) { this(context, attrs, android.R.attr.editTextStyle); } 接下來就是設置自己的EditText的樣式,添加自己想要的樣式。具體是在init()方法中實現。
public ClearEditText(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } init()方法的實現過程:[2]參數為:dr.mDrawableRight,定義刪除按鈕是在EditText的右邊,設置圖標的左上右下:mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight());
private void init() { // 獲取EditText的DrawableRight,假如沒有設置我們就使用默認的圖片 mClearDrawable = getCompoundDrawables()[2]; if (mClearDrawable == null) { mClearDrawable = getResources().getDrawable(R.drawable.del);//R.drawable.del刪除圖標的圖片 } mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight()); //設置圖標的左上右下 // 默認設置隱藏圖標 setClearIconVisible(false); // 設置焦點改變的監聽 setOnFocusChangeListener(this); // 設置輸入框里面內容發生改變的監聽 addTextChangedListener(this); } 由于不能直接給EditText設置監聽事件,所以采用記錄點擊位置來模擬點擊事件,只記錄了魚圖標的左右點擊。
public boolean onTouchEvent(MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_UP) { if (getCompoundDrawables()[2] != null) { boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight()) && (event.getX() < ((getWidth() - getPaddingRight()))); if (touchable) { this.setText(""); } } } return super.onTouchEvent(event); }
判斷輸入框中是否有文字,動態設置刪除圖標的顯示和隱藏。
public void onFocusChange(View v, boolean hasFocus) { this.hasFoucs = hasFocus; if (hasFocus) { setClearIconVisible(getText().length() > 0); } else { setClearIconVisible(false); } } 如果輸入框中有文字 那么久繪制刪除圖標
protected void setClearIconVisible(boolean visible) { Drawable right = visible ? mClearDrawable : null; setCompoundDrawables(getCompoundDrawables()[0], getCompoundDrawables()[1], right, getCompoundDrawables()[3]); }當輸入框內容發生變化的時候動態改變刪除圖標
public void onTextChanged(CharSequence s, int start, int count, int after) { if (hasFoucs) { setClearIconVisible(s.length() > 0); } } 至此就完成了:當屬框中沒有文本的時候 刪除圖標隱藏 當有文本輸入的時候,刪除圖標顯示,點擊刪除圖標,清空文本內容。
自定義InputType返回為”*”
設置密碼樣式要繼承PasswordTransformationMethod這個類然后實現CharSequence方法去修改CharAt的返回值為“*”即可。
private class PasswordCharSequence implements CharSequence { private CharSequence mSource; public PasswordCharSequence(CharSequence source) { mSource = source; // Store char sequence } 這里用于修改InputType的返回樣式 public char charAt(int index) { return '*'; // This is the important part } public int length() { return mSource.length(); // Return default } public CharSequence subSequence(int start, int end) { return mSource.subSequence(start, end); // Return default } }然后在主程序中初始化控件,在布局中設置android:password=”true”這一行代碼,以便在代碼中動態設置密碼輸入的返回樣式。
et_pass_word = (ClearEditText) findViewById(R.id.et_pass_word);et_pass_word.setTransformationMethod(new EditTextBgToStar());
總結:
在自定義的EditText中加入刪除圖標的監聽,由于不能直接設置,所以采用記錄按下的位置來模擬點擊事件。總體實現思路就是在EditText的右邊畫一個刪除圖標,然后動態設置顯示或隱藏,通過設置監聽事件,來動態顯示,清除文本框中的文本。在自定義密碼返回樣式的時候,主要就是繼承PasswordTransformationMethod這個類,實現CharSequence方法,替換輸入樣式為自定義。
點擊下載源碼
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答