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 删除图标底部边缘到控件顶部边缘的距离
- */
- @Override
- public 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焦点发生变化的时候,
- * 输入长度为零,隐藏删除图标,否则,显示删除图标
- */
- @Override
- public 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]);
- }
- @Override
- public void onTextChanged(CharSequence s, int start, int count, int after) {
- if (hasFoucs) {
- setClearIconVisible(s.length() > 0);
- }
- }
- @Override
- public void beforeTextChanged(CharSequence s, int start, int count,
- int after) {
- }
- @Override
- public 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>