欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-12-12 17:15:28
android 带清除功能的输入框控件实例详解 今天,看到一个很好的自定义输入框控件,于是记录一下。 效果很好: 一,自定义一个类,名为clearedittext...

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 带清除功能的输入框控件实例详解

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

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

上一篇:

下一篇: