有趣的EditView爲空時的抖動效果（用戶名和密碼）--第三方開源--ClearEditText

 

ClearEditText在github上的連接地址是：https://github.com/zhangphil/ClearEditText

 

用法十分簡單，在佈局中使用ClearEditText，在JAVA中setShakeAnimation()便可。

 

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:background="#95CAE4">
 6 
 7 
 8     <com.example.clearedittext.ClearEditText
 9         android:id="@+id/username"
10         android:layout_marginTop="60dp"
11         android:layout_width="fill_parent"
12         android:background="@drawable/login_edittext_bg" 
13         android:drawableLeft="@drawable/icon_user"
14         android:layout_marginLeft="10dip"
15         android:layout_marginRight="10dip"
16         android:singleLine="true"
17         android:drawableRight="@drawable/delete_selector"
18         android:hint="輸入用戶名"
19         android:layout_height="wrap_content" >
20 
21     </com.example.clearedittext.ClearEditText>
22 
23     <com.example.clearedittext.ClearEditText
24         android:id="@+id/password"
25         android:layout_marginLeft="10dip"
26         android:layout_marginRight="10dip"
27         android:layout_marginTop="10dip"
28         android:drawableLeft="@drawable/account_icon"
29         android:hint="輸入密碼"
30         android:singleLine="true"
31         android:password="true"
32         android:drawableRight="@drawable/delete_selector"
33         android:layout_width="fill_parent"
34         android:layout_height="wrap_content"
35         android:layout_below="@id/username"
36         android:background="@drawable/login_edittext_bg" >
37     </com.example.clearedittext.ClearEditText>
38 
39     <Button
40         android:id="@+id/login"
41         android:layout_width="fill_parent"
42         android:layout_height="wrap_content"
43         android:layout_marginLeft="10dip"
44         android:layout_marginRight="10dip"
45         android:background="@drawable/login_button_bg"
46         android:textSize="18sp"
47         android:textColor="@android:color/white"
48         android:layout_below="@+id/password"
49         android:layout_marginTop="25dp"
50         android:text="登陸" />
51 
52 </RelativeLayout>

 

  1 package com.example.clearedittext;
  2 
  3 import android.content.Context;
  4 import android.graphics.drawable.Drawable;
  5 import android.text.Editable;
  6 import android.text.TextWatcher;
  7 import android.util.AttributeSet;
  8 import android.view.MotionEvent;
  9 import android.view.View;
 10 import android.view.View.OnFocusChangeListener;
 11 import android.view.animation.Animation;
 12 import android.view.animation.CycleInterpolator;
 13 import android.view.animation.TranslateAnimation;
 14 import android.widget.EditText;
 15 
 16 public class ClearEditText extends EditText implements  
 17         OnFocusChangeListener, TextWatcher { 
 18     /**
 19      * 刪除按鈕的引用
 20      */
 21     private Drawable mClearDrawable; 
 22     /**
 23      * 控件是否有焦點
 24      */
 25     private boolean hasFoucs;
 26  
 27     public ClearEditText(Context context) { 
 28         this(context, null); 
 29     } 
 30  
 31     public ClearEditText(Context context, AttributeSet attrs) { 
 32         //這裏構造方法也很重要，不加這個不少屬性不能再XML裏面定義
 33         this(context, attrs, android.R.attr.editTextStyle); 
 34     } 
 35     
 36     public ClearEditText(Context context, AttributeSet attrs, int defStyle) {
 37         super(context, attrs, defStyle);
 38         init();
 39     }
 40     
 41     
 42     private void init() { 
 43         //獲取EditText的DrawableRight,假如沒有設置咱們就使用默認的圖片,右邊位置圖片
 44         mClearDrawable = getCompoundDrawables()[2]; 
 45         if (mClearDrawable == null) { 
 46 //            throw new NullPointerException("You can add drawableRight attribute in XML");
 47             mClearDrawable = getResources().getDrawable(R.drawable.delete_selector); 
 48         } 
 49         
 50         mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight()); 
 51         //默認設置隱藏圖標
 52         setClearIconVisible(false); 
 53         //設置焦點改變的監聽
 54         setOnFocusChangeListener(this); 
 55         //設置輸入框裏面內容發生改變的監聽
 56         addTextChangedListener(this); 
 57     } 
 58  
 59  
 60     /**
 61      * 由於咱們不能直接給EditText設置點擊事件，因此咱們用記住咱們按下的位置來模擬點擊事件
 62      * 當咱們按下的位置 在  EditText的寬度 - 圖標到控件右邊的間距 - 圖標的寬度  和
 63      * EditText的寬度 - 圖標到控件右邊的間距之間咱們就算點擊了圖標，豎直方向就沒有考慮
 64      */
 65     @Override 
 66     public boolean onTouchEvent(MotionEvent event) {
 67         if (event.getAction() == MotionEvent.ACTION_UP) {
 68             if (getCompoundDrawables()[2] != null) {
 69 
 70                 boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight())
 71                         && (event.getX() < ((getWidth() - getPaddingRight())));
 72                 
 73                 if (touchable) {
 74                     this.setText("");
 75                 }
 76             }
 77         }
 78 
 79         return super.onTouchEvent(event);
 80     }
 81  
 82     /**
 83      * 當ClearEditText焦點發生變化的時候，判斷裏面字符串長度設置清除圖標的顯示與隱藏
 84      */
 85     @Override 
 86     public void onFocusChange(View v, boolean hasFocus) { 
 87         this.hasFoucs = hasFocus;
 88         if (hasFocus) { 
 89             setClearIconVisible(getText().length() > 0); 
 90         } else { 
 91             setClearIconVisible(false); 
 92         } 
 93     } 
 94  
 95  
 96     /**
 97      * 設置清除圖標的顯示與隱藏，調用setCompoundDrawables爲EditText繪製上去
 98      * @param visible
 99      */
100     protected void setClearIconVisible(boolean visible) { 
101         Drawable right = visible ? mClearDrawable : null; 
102         setCompoundDrawables(getCompoundDrawables()[0], 
103                 getCompoundDrawables()[1], right, getCompoundDrawables()[3]); 
104     } 
105     
106     
107     /**
108      * 當輸入框裏面內容發生變化的時候回調的方法
109      */
110     @Override 
111     public void onTextChanged(CharSequence s, int start, int count, 
112             int after) { 
113                 if(hasFoucs){
114                     setClearIconVisible(s.length() > 0);
115                 }
116     } 
117  
118     @Override 
119     public void beforeTextChanged(CharSequence s, int start, int count, 
120             int after) { 
121          
122     } 
123  
124     @Override 
125     public void afterTextChanged(Editable s) { 
126          
127     } 
128     
129    
130     /**
131      * 設置晃動動畫
132      */
133     public void setShakeAnimation(){
134         this.setAnimation(shakeAnimation(5));
135     }
136     
137     
138     /**
139      * 晃動動畫
140      * @param counts 1秒鐘晃動多少下
141      * @return
142      */
143     public static Animation shakeAnimation(int counts){
144         Animation translateAnimation = new TranslateAnimation(0, 10, 0, 0);
145         translateAnimation.setInterpolator(new CycleInterpolator(counts));
146         translateAnimation.setDuration(1000);
147         return translateAnimation;
148     }
149  
150  
151 }