Android 带清除功能的输入框控件实例详解

android 带清除功能的输入框控件实例详解

今天，看到一个很好的自定义输入框控件，于是记录一下。

效果很好：

一，自定义一个类，名为clearedittext

package com.example.clearedittext; 
 
import android.content.context; 
import android.graphics.drawable.drawable; 
import android.text.editable; 
import android.text.textwatcher; 
import android.util.attributeset; 
import android.view.motionevent; 
import android.view.view; 
import android.view.view.onfocuschangelistener; 
import android.view.animation.animation; 
import android.view.animation.cycleinterpolator; 
import android.view.animation.translateanimation; 
import android.widget.edittext; 
 
public class clearedittext extends edittext implements  
    onfocuschangelistener, textwatcher {  
  /** 
   * 删除按钮的引用 
   */ 
  private drawable mcleardrawable;  
  /** 
   * 控件是否有焦点 
   */ 
  private boolean hasfoucs; 
  
  public clearedittext(context context) {  
    this(context, null);  
  }  
  
  public clearedittext(context context, attributeset attrs) {  
    //这里构造方法也很重要，不加这个很多属性不能再xml里面定义 
    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,假如没有设置我们就使用默认的图片 
    mcleardrawable = getcompounddrawables()[2];  
    if (mcleardrawable == null) {  
//     throw new nullpointerexception("you can add drawableright attribute in xml"); 
      mcleardrawable = getresources().getdrawable(r.drawable.delete_selector);  
    }  
     
    mcleardrawable.setbounds(0, 0, mcleardrawable.getintrinsicwidth(), mcleardrawable.getintrinsicheight());  
    //默认设置隐藏图标 
    setcleariconvisible(false);  
    //设置焦点改变的监听 
    setonfocuschangelistener(this);  
    //设置输入框里面内容发生改变的监听 
    addtextchangedlistener(this);  
  }  
  
  
  /** 
   * 因为我们不能直接给edittext设置点击事件，所以我们用记住我们按下的位置来模拟点击事件 
   * 当我们按下的位置 在 edittext的宽度 - 图标到控件右边的间距 - 图标的宽度 和 
   * edittext的宽度 - 图标到控件右边的间距之间我们就算点击了图标，竖直方向就没有考虑 
   */ 
  @override  
  public boolean ontouchevent(motionevent event) { 
    if (event.getaction() == motionevent.action_up) { 
      if (getcompounddrawables()[2] != null) { 
 
        boolean touchable = event.getx() > (getwidth() - gettotalpaddingright()) 
            && (event.getx() < ((getwidth() - getpaddingright()))); 
         
        if (touchable) { 
          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);  
    }  
  }  
  
  
  /** 
   * 设置清除图标的显示与隐藏，调用setcompounddrawables为edittext绘制上去 
   * @param visible 
   */ 
  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) {  
      
  }  
   
   
  /** 
   * 设置晃动动画 
   */ 
  public void setshakeanimation(){ 
    this.setanimation(shakeanimation(5)); 
  } 
   
   
  /** 
   * 晃动动画 
   * @param counts 1秒钟晃动多少下 
   * @return 
   */ 
  public static animation shakeanimation(int counts){ 
    animation translateanimation = new translateanimation(0, 10, 0, 0); 
    translateanimation.setinterpolator(new cycleinterpolator(counts)); 
    translateanimation.setduration(1000); 
    return translateanimation; 
  } 
  
  
} 

里面设置点击与输入的监听的代码，

setcleariconvisible()方法，设置隐藏和显示清除图标的方法，我们这里不是调用setvisibility()方法，setvisibility()这个方法是针对view的，我们可以调用setcompounddrawables(drawable left, drawable top, drawable right, drawable bottom)来设置上下左右的图标

setonfocuschangelistener(this) 为输入框设置焦点改变监听，如果输入框有焦点，我们判断输入框的值是否为空，为空就隐藏清除图标，否则就显示

addtextchangedlistener(this) 为输入框设置内容改变监听，其实很简单呢，当输入框里面的内容发生改变的时候，我们需要处理显示和隐藏清除小图标，里面的内容长度不为0我们就显示，否是就隐藏，但这个需要输入框有焦点我们才改变显示或者隐藏，为什么要需要焦点，比如我们一个登陆界面，我们保存了用户名和密码，在登陆界面oncreate()的时候，我们把我们保存的密码显示在用户名输入框和密码输入框里面，输入框里面内容发生改变，导致用户名输入框和密码输入框里面的清除小图标都显示了，这显然不是我们想要的效果，所以加了一个是否有焦点的判断

setshakeanimation()，这个方法是输入框左右抖动的方法，之前我在某个应用看到过类似的功能，当用户名错误，输入框就在哪里抖动，感觉挺好玩的，其实主要是用到一个移动动画，然后设置动画的变化率为正弦曲线
然后直接在布局文件使用就可以了。使用的效果

android 带清除功能的输入框控件就讲完了。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！