0
点赞
收藏
分享

微信扫一扫

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


1.说明



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



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





Android-EditText(自定义带删除功能的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,)  
2];  
if (mClearDrawable == null) {  
            mClearDrawable = getResources().getDrawable(  
                    R.drawable.edit_delete);  
        }  
  
0, 0, mClearDrawable.getIntrinsicWidth(),  
                mClearDrawable.getIntrinsicHeight());  
// 默认设置隐藏图标  
false);  
// 设置焦点改变的监听  
this);  
// 设置输入框里面内容发生改变的监听  
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();  
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) {  
0);  
else {  
false);  
        }  
    }  
  
protected void setClearIconVisible(boolean visible) {  
null;  
0],  
1], right, getCompoundDrawables()[3]);  
    }  
  
@Override  
public void onTextChanged(CharSequence s, int start, int count, int after) {  
if (hasFoucs) {  
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>


附件是图片资源文件。




Android-EditText(自定义带删除功能的EditText)_editText带删除_02

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




举报

相关推荐

0 条评论