package com.liheng;
import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v4.content.ContextCompat;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.EditText;
import myself.myapplication.R;
/**
* 第一步:
* 創(chuàng)建一個(gè)類(lèi),并繼承EditText這個(gè)類(lèi),實(shí)現(xiàn)父類(lèi)的三個(gè)構(gòu)造函數(shù)
* 我們只用實(shí)現(xiàn)帶一個(gè)參數(shù),兩個(gè)參數(shù),三個(gè)參數(shù)的構(gòu)造函數(shù),帶四個(gè)參數(shù)的暫且不管
*/
public class MyEditText extends EditText {
/**
* 第二步:
* 聲明3個(gè)變量: 兩個(gè)圖片對(duì)象(變量的值是通過(guò)實(shí)例化對(duì)象得到的,
* 在JAVA世界里,除了基本數(shù)據(jù)類(lèi)型和靜態(tài)成員不是對(duì)象外,
* 其他一切都是對(duì)象.類(lèi)也是一個(gè)對(duì)象,類(lèi)是Class類(lèi)的對(duì)象,圖片是drawable類(lèi)的對(duì)象)
* 1.當(dāng)EditText文本內(nèi)容為空的時(shí)候,右側(cè)清空?qǐng)D標(biāo)應(yīng)為灰色,此時(shí)點(diǎn)擊是沒(méi)有任何效果的
* 2.當(dāng)EditText文本內(nèi)容不為空的時(shí)候,右側(cè)清空?qǐng)D標(biāo)應(yīng)為藍(lán)色,此時(shí)點(diǎn)擊,清空EditText文本內(nèi)容
* 3.上下文對(duì)象
*/
private Drawable imageBlue;
private Drawable imageGray;
private Context myContext;
/**
* 實(shí)現(xiàn)EditText父類(lèi)的三個(gè)構(gòu)造方法
* 這三個(gè)方法必須調(diào)用自定義的初始化函數(shù) init()方法
*/
public MyEditText(Context context) {
super(context);
init(context);
}
public MyEditText(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
public MyEditText(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
/**
* 初始化方法:用于初始化聲明的三個(gè)全局變量 :imageBlue,imageGray,myContext
* 并負(fù)責(zé)監(jiān)聽(tīng)EditText文本內(nèi)容的更改
*/
private void init(Context context){
this.myContext = context;
/**
* 得到圖片資源:
* 第一種方式:(已過(guò)時(shí),不推薦使用,
* 還應(yīng)注意R文件導(dǎo)入的包應(yīng)為自己項(xiàng)目下的包,
* 因?yàn)閳D片資源在自己項(xiàng)目目錄下):
* imageBlue = myContext.getResources().getDrawable(R.drawable.delete);
*
* 第二種方式:(網(wǎng)友推薦,項(xiàng)目會(huì)報(bào)錯(cuò)?)
* 調(diào)用getDrawable()帶兩個(gè)參數(shù)的方法.第二參數(shù)置為null
* imageBlue = myContext.getResources().getDrawable(R.drawable.delete, null);
*
* 第三種方式:(谷歌官方推薦使用) ,myContext為自己聲明的上下文對(duì)象
* imageBlue = ContextCompat.getDrawable(myContext, R.drawable.delete);
*/
imageBlue = ContextCompat.getDrawable(myContext, R.drawable.delete);
imageGray = ContextCompat.getDrawable(myContext, R.drawable.delete_gray);
/**
* 設(shè)置文字監(jiān)聽(tīng)器(EditText文本內(nèi)容改變時(shí),會(huì)觸發(fā)對(duì)應(yīng)的回調(diào)函數(shù))
* onTextChanged() EditText文本內(nèi)容更改時(shí)觸發(fā)
* beforeTextChanged() EditText文本內(nèi)容更改前觸發(fā)
* afterTextChanged() EditText文本內(nèi)容更改后觸發(fā)
*
* 對(duì)于此項(xiàng)目,清空EditText應(yīng)在EditText文本內(nèi)容更改后觸發(fā)
*
*/
addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
}
@Override
public void afterTextChanged(Editable s) {
//文字改變后設(shè)置清空?qǐng)D片的位置
setImage();
}
});
//初始的時(shí)候也應(yīng)設(shè)置清空?qǐng)D片的位置
setImage();
}
/**
* 設(shè)置圖片位置方法
* 當(dāng)length()大于0，即 EditText里面有文本內(nèi)容的時(shí)候，圖片為藍(lán)色
* 當(dāng) length()小于0，即 EditText里面沒(méi)有文本內(nèi)容的時(shí)候，圖片為灰色
* setCompoundDrawablesWithIntrinsicBounds() 四個(gè)參數(shù)代表左上右下
*/
private void setImage(){
if (length()>0) {
setCompoundDrawablesWithIntrinsicBounds(null,null,imageBlue,null);
}else{
setCompoundDrawablesWithIntrinsicBounds(null, null, imageGray, null);
}
}
public boolean onTouchEvent(MotionEvent event){
switch (event.getAction()){
//匹配手指離開(kāi)EditText
case MotionEvent.ACTION_UP:
//得到手指離開(kāi)EditText時(shí)的X Y坐標(biāo)
int x = (int) event.getRawX();
int y = (int) event.getRawY();
//創(chuàng)建一個(gè)長(zhǎng)方形
Rect rect = new Rect();
//讓長(zhǎng)方形的寬等于edittext的寬，讓長(zhǎng)方形的高等于edittext的高
getGlobalVisibleRect(rect);
//把長(zhǎng)方形縮短至右邊50個(gè)寬度內(nèi)
rect.left = rect.right - 50;
//如果x和y坐標(biāo)在長(zhǎng)方形當(dāng)中，說(shuō)明你點(diǎn)擊了右邊的xx圖片,清空輸入框
if(rect.contains(x,y)){
setText("");
}
break;
default:
break;
}
return super.onTouchEvent(event);
}
}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main"
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="myself.myapplication.MainActivity">
<com.liheng.MyEditText
android:layout_width="500dp"
android:layout_height="50dp"
android:inputType="textPersonName"
android:text="Name"
android:ems="10"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="45dp"
android:layout_marginStart="45dp"
android:layout_marginTop="49dp"
android:id="@+id/editText"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:background="@drawable/select_edittext"/>
<com.liheng.MyEditText
android:layout_width="500dp"
android:layout_height="50dp"
android:inputType="textPersonName"
android:text="Name"
android:ems="10"
android:layout_below="@+id/editText"
android:layout_alignLeft="@+id/editText"
android:layout_alignStart="@+id/editText"
android:layout_marginTop="89dp"
android:id="@+id/editText2"
android:paddingLeft="10dp"
android:background="@drawable/select_edittext"/>
</RelativeLayout>