轉載請注明出處:http://blog.csdn.net/darling_r/article/details/54946208 本文出自:哎呀小嘿的博客
步驟很簡單,首先新建一個類ClearEditText 繼承EditText 并且實現OnFocusChangeListener, TextWatcher這兩個接口,用來監聽控件獲取焦點和輸入文本內容的變化;
1。重寫三個構造方法:
public ClearEditText(Context context) { this(context, null); } public ClearEditText(Context context, AttributeSet attrs) { //這里構造方法也很重要,不加這個很多屬性不能再xml里面定義 this(context, attrs, android.R.attr.editTextStyle); } public ClearEditText(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); // 獲取EditText的DrawableRight,假如沒有設置我們就使用默認的圖片 mClearDrawable = getCompoundDrawables()[2]; if (mClearDrawable == null) { mClearDrawable = getResources().getDrawable(R.drawable.emotionstore_PRogresscancelbtn); } mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight()); setClearIconVisible(false); setOnFocusChangeListener(this); addTextChangedListener(this); }這里的第二個構造方法跟往常不一樣,主要是因為,這里只是簡單的繼承EditText,不需要自定義其他控件屬性,所以在這里引用android.R.attr.editTextStyle;在第三個構造方法里初始化;
2。 因為我們不能直接給EditText設置點擊事件,所以我們用記住我們按下的位置來模擬點擊事件 當我們按下的位置 在 EditText的寬度 -圖標到控件右邊的間距 - 圖標的寬度 和 EditText的寬度 - 圖標到控件右邊的間距之間我們就算點擊了圖標,豎直方向沒有考慮
@Override public boolean onTouchEvent(MotionEvent event) { if (getCompoundDrawables()[2] != null) { if (event.getAction() == MotionEvent.ACTION_UP) { boolean touchable = event.getX() > (getWidth() - getPaddingRight() - mClearDrawable .getIntrinsicWidth()) && (event.getX() < ((getWidth() - getPaddingRight()))); if (touchable) { this.setText(""); } } } return super.onTouchEvent(event); }3。當ClearEditText焦點發生變化的時候,判斷里面字符串長度設置清除圖標的顯示與隱藏
@Override public void onFocusChange(View v, boolean hasFocus) { if (hasFocus) { setClearIconVisible(getText().length() > 0); } else { setClearIconVisible(false); } }4。 設置清除圖標的顯示與隱藏,調用setCompoundDrawables為EditText繪制上去
protected void setClearIconVisible(boolean visible) { Drawable right = visible ? mClearDrawable : null; setCompoundDrawables(getCompoundDrawables()[0], getCompoundDrawables()[1], right, getCompoundDrawables()[3]); }5。 當輸入框里面內容發生變化的時候回調的方法
@Override public void onTextChanged(CharSequence s, int start, int count, int after) { setClearIconVisible(s.length() > 0); } @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void afterTextChanged(Editable s) { }此外,可以加一些小動畫,增加效果
public void setShakeAnimation() { this.setAnimation(shakeAnimation(5)); } /** * 晃動動畫 * * @param counts 1秒鐘晃動多少下 * @return */ public static Animation shakeAnimation(int counts) { Animation translateAnimation = new TranslateAnimation(0, 10, 0, 0); translateAnimation.setInterpolator(new CycleInterpolator(counts)); translateAnimation.setDuration(1000); return translateAnimation; }到此,一個自帶清楚按鈕的EditText控件就完成了,在xml文件里調用,跟普通自定義view一樣,
<com.yh.clearedittextview.ClearEditText android:id="@+id/filter_edit" android:layout_marginTop="5d最后附上demo源碼,歡迎下載!新聞熱點
疑難解答