Android实现自定义带删除功能的EditText实例

 更新时间:2017年06月22日 10:56:43   作者:xiaoganstar  
本篇文章主要介绍了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> 

附件是图片资源文件。



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

相关文章

  • android选项卡TabHost功能用法详解

    android选项卡TabHost功能用法详解

    这篇文章主要为大家详细介绍了android选项卡TabHost的功能用法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android图片识别应用详解

    Android图片识别应用详解

    这篇文章主要为大家详细介绍了Android图片识别的应用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android游戏之数独游戏开发

    Android游戏之数独游戏开发

    这篇文章主要为大家详细介绍了Android游戏之数独游戏开发的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android APP瘦身shrinkResources使用问题详解

    Android APP瘦身shrinkResources使用问题详解

    这篇文章主要为大家介绍了Android APP瘦身shrinkResources使用问题详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • Android编程下拉菜单spinner用法小结(附2则示例)

    Android编程下拉菜单spinner用法小结(附2则示例)

    这篇文章主要介绍了Android编程下拉菜单spinner用法,结合实例较为详细的总结分析了下拉菜单Spinner的具体实现步骤与相关技巧,并附带两个示例分析其具体用法,需要的朋友可以参考下
    2015-12-12
  • Android实现动态添加标签及其点击事件

    Android实现动态添加标签及其点击事件

    这篇文章主要为大家详细介绍了Android实现动态添加标签及其点击事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android应用程序签名步骤及相关知识介绍

    Android应用程序签名步骤及相关知识介绍

    本文主要介绍Android应用程序签名相关的理论知识,包括:什么是签名、为什么要给应用程序签名、如何给应用程序签名等,感兴趣的朋友可以参考下哈
    2013-04-04
  • Android 实现抖音头像底部弹框效果的实例代码

    Android 实现抖音头像底部弹框效果的实例代码

    这篇文章主要介绍了Android 实现抖音头像底部弹框效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • Android通过ViewModel保存数据实现多页面的数据共享功能

    Android通过ViewModel保存数据实现多页面的数据共享功能

    这篇文章主要介绍了Android通过ViewModel保存数据实现多页面的数据共享功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • Android GestureDetector实现手势滑动效果

    Android GestureDetector实现手势滑动效果

    这篇文章主要为大家详细介绍了Android GestureDetector实现手势滑动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05

最新评论