今天给大家分享一下这个关于Edittext,之前用到过要求能一键清除的输入框，想了一下思路，可以在输入框的旁边放一个小的清除图片，然后给Edittext和清除的小图片放到布局中，给布局来一个背景图片，看起来也比较美观的，然后根据edittext.getText().length来设置小图片是否可见，觉得也还行。但是随着自己见得多了就发现这样虽然也能实现，真的很水，所以就想着自定义一个能清除的Edittext。

下面说一下自己的思路：

1.首先自定义组件继承edittext

2.重写构造方法，初始化一个清楚按钮的小图标，并设置它的位置

3.监听edittext的焦点改变，根据焦点变化显示隐藏小图标

4.重写一个小图标的按钮点击事件

贴上部分代码：

 /**
     * 这里我们不能设置edittext的点击事件，所以我们可以这样做一下：
     * 当我们按下的位置 是在（输入框的宽度-图标的宽度-图标距离右侧的宽度）和（输入框的宽度-图标到右侧的宽度）之间
     * 也就是说我们按下的位置处于图标的附近，设置输入框
     * by Hankkin  at:2015年8月11日 16:45:42
     * @param event
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (getCompoundDrawables()[2]!=null){
            if (event.getAction() == MotionEvent.ACTION_UP){
                boolean touchable = event.getX()>(getWidth()-getPaddingRight()-deleteDraw.getIntrinsicWidth())&&
                        (event.getX() < ((getWidth() - getPaddingRight())));
                if (touchable){
                    setText("");
                }

            }
        }
        return super.onTouchEvent(event);
    }

/**
     * 设置清除图片是否可见
     * by Hankkin at:2015年8月11日 16:17:24
     * @param isVisible
     */
    private void setDeleteVisible(boolean isVisible){
        Drawable drawable = isVisible?deleteDraw:null;
        setCompoundDrawables(getCompoundDrawables()[0],getCompoundDrawables()[1],drawable,getCompoundDrawables()[3]);
    }

    /**
     * 根据edittext的焦点变化改变图片的显示与否，输入框里的字符串长度如果大于0，显示，否则隐藏
     * by Hankkin at:2015年8月11日 16:32:47
     * @param v
     * @param hasFocus
     */
    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        if (hasFocus){
            setDeleteVisible(getText().length()>0);
        }else {
            setDeleteVisible(false);
        }
    }

然后在我们xml直接引用这个控件就ok了

github地址：

https://github.com/Hankkin/ClearEditTextDemo.git

源码地址：

http://download.csdn.net/detail/lyhhj/8991711