給EditText的drawableRight屬性的圖片設定點選事件

給EditText的drawableRight屬性的圖片設定點選事件

這個方法是通用的,不僅僅適用於EditText,也適用於TextView、AutoCompleteTextView等控制元件。
Google官方API並沒有給出一個直接的方法用來設定右邊圖片的點選事件,所以這裡我們需要通過點選位置來判斷點選事件,效果如圖:
這裡寫圖片描述

佈局檔案:

<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

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;
}
});
}
}