Android实现自定义带删除功能的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 删除图标底部边缘到控件顶部边缘的距离 
   */ 
  @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> 

附件是图片资源文件。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。