Android-EditText 自定义带删除功能的EditText

1.说明

自定义带删除功能的EditText有两种方法，第一种是用组合视图的方法，即在一个view视图里面左侧放置一个EditText，右侧放置一个ImageView，但是这样增加了视图的层次，而且对输入内容的长度要做一定的处理。

第二种是重新定义EditText组件，增加相应的事件处理，即可达到很好的效果，效果图如下：

2.ClearEditText的JAVA类文件

/** * @说明： 自定义带删除按钮的EditText * */public class ClearEditText extends EditText implements OnFocusChangeListener,TextWatcher {//EditText右侧的删除按钮private Drawable mClearDrawable;private boolean hasFoucs;public ClearEditText(Context context) {this(context, null);}public ClearEditText(Context context, AttributeSet attrs) {this(context, attrs, android.R.attr.editTextStyle);}public ClearEditText(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init();}private void init() {// 获取EditText的DrawableRight,假如没有设置我们就使用默认的图片,获取图片的顺序是左上右下（0,1,2,3,）mClearDrawable = getCompoundDrawables()[2];if (mClearDrawable == null) {mClearDrawable = getResources().getDrawable(R.drawable.edit_delete);}mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(),mClearDrawable.getIntrinsicHeight());// 默认设置隐藏图标setClearIconVisible(false);// 设置焦点改变的监听setOnFocusChangeListener(this);// 设置输入框里面内容发生改变的监听addTextChangedListener(this);}/* @说明：isInnerWidth, isInnerHeight为ture，触摸点在删除图标之内，则视为点击了删除图标 * event.getX() 获取相对应自身左上角的X坐标 * event.getY() 获取相对应自身左上角的Y坐标 * getWidth() 获取控件的宽度 * getHeight() 获取控件的高度 * getTotalPaddingRight() 获取删除图标左边缘到控件右边缘的距离 * getPaddingRight() 获取删除图标右边缘到控件右边缘的距离 * isInnerWidth: * getWidth() - getTotalPaddingRight() 计算删除图标左边缘到控件左边缘的距离 * getWidth() - getPaddingRight() 计算删除图标右边缘到控件左边缘的距离 * isInnerHeight: * distance 删除图标顶部边缘到控件顶部边缘的距离 *  distance + height 删除图标底部边缘到控件顶部边缘的距离 */@Overridepublic boolean onTouchEvent(MotionEvent event) {if (event.getAction() == MotionEvent.ACTION_UP) {if (getCompoundDrawables()[2] != null) {int x = (int)event.getX();int y = (int)event.getY();Rect rect = getCompoundDrawables()[2].getBounds();int height = rect.height();int distance = (getHeight() - height)/2;boolean isInnerWidth = x > (getWidth() - getTotalPaddingRight()) && x < (getWidth() - getPaddingRight());boolean isInnerHeight = y > distance && y <(distance + height);if (isInnerWidth && isInnerHeight) {this.setText("");}}}return super.onTouchEvent(event);}/** * 当ClearEditText焦点发生变化的时候， * 输入长度为零，隐藏删除图标，否则，显示删除图标 */@Overridepublic void onFocusChange(View v, boolean hasFocus) {this.hasFoucs = hasFocus;if (hasFocus) {setClearIconVisible(getText().length() > 0);} else {setClearIconVisible(false);}}protected void setClearIconVisible(boolean visible) {Drawable right = visible ? mClearDrawable : null;setCompoundDrawables(getCompoundDrawables()[0],getCompoundDrawables()[1], right, getCompoundDrawables()[3]);}@Overridepublic void onTextChanged(CharSequence s, int start, int count, int after) {if (hasFoucs) {setClearIconVisible(s.length() > 0);}}@Overridepublic void beforeTextChanged(CharSequence s, int start, int count,int after) {}@Overridepublic void afterTextChanged(Editable s) {}}

3.引用ClearEditText的XML文件

<com.once.android_ui.selfview.ClearEditText        android:id="@+id/user_name"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:drawableLeft="@drawable/user_name"        android:drawablePadding="7dp"        android:hint="@string/name_tip"        android:singleLine="true"        android:textSize="17sp" >        <requestFocus />    </com.once.android_ui.selfview.ClearEditText>

附件是图片资源文件。