给EditText的drawableRight属性的图片设置点击事件

转载自给EditText的drawableRight属性的图片设置点击事件

这个方法是通用的，不仅仅适用于EditText，也适用于TextView、AutoCompleteTextView等控件。
Google官方API并没有给出一个直接的方法用来设置右边图片的点击事件，所以这里我们需要通过点击位置来判断点击事件，效果如图：

布局文件：

[java] view plain copy

print ?

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:paddingBottom=”@dimen/activity_vertical_margin”  
6.     android:paddingLeft=”@dimen/activity_horizontal_margin”  
7.     android:paddingRight=”@dimen/activity_horizontal_margin”  
8.     android:paddingTop=”@dimen/activity_vertical_margin”  
9.     tools:context=”com.example.drablerighttest.MainActivity” >  
10.   
11.     <EditText  
12.         android:id=”@+id/et”  
13.         android:layout_width=”350dp”  
14.         android:layout_height=”wrap_content”  
15.         android:drawableRight=”@drawable/search_clear_pressed”  
16.         android:text=”@string/hello_world” />  
17.   
18. </RelativeLayout>  

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.drablerighttest.MainActivity" >

    <EditText
        android:id="@+id/et"
        android:layout_width="350dp"
        android:layout_height="wrap_content"
        android:drawableRight="@drawable/search_clear_pressed"
        android:text="@string/hello_world" />

</RelativeLayout>

MainActivity

[java] view plain copy

print ?

1. public class MainActivity extends Activity {  
2.   
3.     private EditText et;  
4.   
5.     @Override  
6.     protected void onCreate(Bundle savedInstanceState) {  
7.         super.onCreate(savedInstanceState);  
8.         setContentView(R.layout.activity_main);  
9.         et = (EditText) this.findViewById(R.id.et);  
10.         et.setOnTouchListener(new OnTouchListener() {  
11.   
12.             @Override  
13.             public boolean onTouch(View v, MotionEvent event) {  
14.                 // et.getCompoundDrawables()得到一个长度为4的数组，分别表示左右上下四张图片  
15.                 Drawable drawable = et.getCompoundDrawables()[2];  
16.                 //如果右边没有图片，不再处理  
17.                 if (drawable == null)  
18.                     return false;  
19.                 //如果不是按下事件，不再处理  
20.                 if (event.getAction() != MotionEvent.ACTION_UP)  
21.                     return false;  
22.                 if (event.getX() > et.getWidth()  
23.                         - et.getPaddingRight()  
24.                         - drawable.getIntrinsicWidth()){  
25.                     et.setText(”“);  
26.                 }  
27.                     return false;  
28.             }  
29.         });  
30.     }  
31. }  

public class MainActivity extends Activity {

    private EditText et;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        et = (EditText) this.findViewById(R.id.et);
        et.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // et.getCompoundDrawables()得到一个长度为4的数组，分别表示左右上下四张图片
                Drawable drawable = et.getCompoundDrawables()[2];
                //如果右边没有图片，不再处理
                if (drawable == null)
                    return false;
                //如果不是按下事件，不再处理
                if (event.getAction() != MotionEvent.ACTION_UP)
                    return false;
                if (event.getX() > et.getWidth()
                        - et.getPaddingRight()
                        - drawable.getIntrinsicWidth()){
                    et.setText("");
                }
                    return false;
            }
        });
    }
}

                </div>

这个方法是通用的，不仅仅适用于EditText，也适用于TextView、AutoCompleteTextView等控件。
Google官方API并没有给出一个直接的方法用来设置右边图片的点击事件，所以这里我们需要通过点击位置来判断点击事件，效果如图：

布局文件：

[java] view plain copy

print ?

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:paddingBottom=”@dimen/activity_vertical_margin”  
6.     android:paddingLeft=”@dimen/activity_horizontal_margin”  
7.     android:paddingRight=”@dimen/activity_horizontal_margin”  
8.     android:paddingTop=”@dimen/activity_vertical_margin”  
9.     tools:context=”com.example.drablerighttest.MainActivity” >  
10.   
11.     <EditText  
12.         android:id=”@+id/et”  
13.         android:layout_width=”350dp”  
14.         android:layout_height=”wrap_content”  
15.         android:drawableRight=”@drawable/search_clear_pressed”  
16.         android:text=”@string/hello_world” />  
17.   
18. </RelativeLayout>  

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.drablerighttest.MainActivity" >

    <EditText
        android:id="@+id/et"
        android:layout_width="350dp"
        android:layout_height="wrap_content"
        android:drawableRight="@drawable/search_clear_pressed"
        android:text="@string/hello_world" />

</RelativeLayout>

MainActivity

[java] view plain copy

print ?

1. public class MainActivity extends Activity {  
2.   
3.     private EditText et;  
4.   
5.     @Override  
6.     protected void onCreate(Bundle savedInstanceState) {  
7.         super.onCreate(savedInstanceState);  
8.         setContentView(R.layout.activity_main);  
9.         et = (EditText) this.findViewById(R.id.et);  
10.         et.setOnTouchListener(new OnTouchListener() {  
11.   
12.             @Override  
13.             public boolean onTouch(View v, MotionEvent event) {  
14.                 // et.getCompoundDrawables()得到一个长度为4的数组，分别表示左右上下四张图片  
15.                 Drawable drawable = et.getCompoundDrawables()[2];  
16.                 //如果右边没有图片，不再处理  
17.                 if (drawable == null)  
18.                     return false;  
19.                 //如果不是按下事件，不再处理  
20.                 if (event.getAction() != MotionEvent.ACTION_UP)  
21.                     return false;  
22.                 if (event.getX() > et.getWidth()  
23.                         - et.getPaddingRight()  
24.                         - drawable.getIntrinsicWidth()){  
25.                     et.setText(”“);  
26.                 }  
27.                     return false;  
28.             }  
29.         });  
30.     }  
31. }  

public class MainActivity extends Activity {

    private EditText et;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        et = (EditText) this.findViewById(R.id.et);
        et.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // et.getCompoundDrawables()得到一个长度为4的数组，分别表示左右上下四张图片
                Drawable drawable = et.getCompoundDrawables()[2];
                //如果右边没有图片，不再处理
                if (drawable == null)
                    return false;
                //如果不是按下事件，不再处理
                if (event.getAction() != MotionEvent.ACTION_UP)
                    return false;
                if (event.getX() > et.getWidth()
                        - et.getPaddingRight()
                        - drawable.getIntrinsicWidth()){
                    et.setText("");
                }
                    return false;
            }
        });
    }
}

                </div>