Android开发实现带清空按钮的EditText示例

本文实例讲述了Android开发实现带清空按钮的EditText。分享给大家供大家参考,具体如下:

一、效果图:

二、具体代码:

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.support.v4.content.ContextCompat;
import android.support.v4.graphics.drawable.DrawableCompat;
import android.support.v7.widget.AppCompatEditText;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import com.gdc.control.R;
public class ClearableEditText extends AppCompatEditText implements View.OnTouchListener, View.OnFocusChangeListener, TextWatcher {
  private Drawable       clearTextIcon;
  private OnFocusChangeListener mOnFocusChangeListener;
  private OnTouchListener    mOnTouchListener;
  private boolean canClear = false;
  public ClearableEditText(final Context context) {
    super(context);
    init(context);
  }
  public ClearableEditText(final Context context, final AttributeSet attrs) {
    super(context, attrs);
    init(context);
  }
  public ClearableEditText(final Context context, final AttributeSet attrs,
      final int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(context);
  }
  @Override
  public void setOnFocusChangeListener(final OnFocusChangeListener
      onFocusChangeListener) {
    mOnFocusChangeListener = onFocusChangeListener;
  }
  @Override
  public void setOnTouchListener(final OnTouchListener onTouchListener) {
    mOnTouchListener = onTouchListener;
  }
  private void init(final Context context) {
    final Drawable drawable = ContextCompat.getDrawable(context, R.drawable.ic_clear_edittext);
    final Drawable wrappedDrawable = DrawableCompat.wrap(drawable);
    DrawableCompat.setTint(wrappedDrawable, getCurrentHintTextColor());
    clearTextIcon = wrappedDrawable;
    clearTextIcon.setBounds(0, 0, clearTextIcon.getIntrinsicWidth(),
        clearTextIcon.getIntrinsicHeight());
    setClearIconVisible(false);
    super.setOnTouchListener(this);
    super.setOnFocusChangeListener(this);
    addTextChangedListener(this);
  }
  @Override
  public void onFocusChange(final View view, final boolean hasFocus) {
    if (hasFocus) {
      setClearIconVisible(getText().length() > 0);
    } else {
      setClearIconVisible(false);
      setCanClear(true);
    }
    if (mOnFocusChangeListener != null) {
      mOnFocusChangeListener.onFocusChange(view, hasFocus);
    }
  }
  @Override
  public boolean onTouch(final View view, final MotionEvent motionEvent) {
    final int x = (int) motionEvent.getX();
    if (x > getWidth() - getPaddingRight() - clearTextIcon.getIntrinsicWidth()) {
      if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
        if (clearTextIcon.isVisible()) {
          setError(null);
          setText("");
        } else if (isCanClear()) {
          setCanClear(false);
          setError(null);
          setText("");
        }
      }
      return true;
    } else {
      return mOnTouchListener != null && mOnTouchListener.onTouch(view,
          motionEvent);
    }
  }
  @Override
  public final void onTextChanged(final CharSequence s, final int start, final
  int before, final int count) {
    if (isFocused()) {
      setClearIconVisible(s.length() > 0);
    }
  }
  @Override
  public void beforeTextChanged(CharSequence s, int start, int count, int after) {
  }
  @Override
  public void afterTextChanged(Editable s) {
  }
  private void setClearIconVisible(final boolean visible) {
    clearTextIcon.setVisible(visible, false);
    final Drawable[] compoundDrawables = getCompoundDrawables();
    setCompoundDrawables(compoundDrawables[0], compoundDrawables[1], visible ?
        clearTextIcon :
        null, compoundDrawables[3]);
  }
  public synchronized boolean isCanClear() {
    return canClear;
  }
  public synchronized void setCanClear(boolean canClear) {
    this.canClear = canClear;
  }
}

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android控件用法总结》、《Android开发入门与进阶教程》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android数据库操作技巧总结》及《Android资源操作技巧汇总》

希望本文所述对大家Android程序设计有所帮助。

(0)

相关推荐

  • Android中自定义的dialog中的EditText无法弹出输入法解决方案

    1.解决无法弹出输入法: 在show()方法调用之前,用dialog.setView(new EditText(context))添加一个空的EditText,由于是自定义的AlertDialog,有我们指定的布局,所以设置这个不会影响我们的功能,这样就可以弹出输入法了-- 2.可以弹出输入法了,但了为了增强用户体验性,当dialog中含有editText时应该,在显示dialog的同时自动弹出键盘: (1) 可以在自定义的dialog中增加如下方法: public void showKeybo

  • Android 带有删除按钮的EditText

    MainActivity如下: package cc.textview5; import android.os.Bundle; import android.text.TextUtils; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.Toast; import android.app.Activity;

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

    1.说明 自定义带删除功能的EditText有两种方法,第一种是用组合视图的方法,即在一个view视图里面左侧放置一个EditText,右侧放置一个ImageView,但是这样增加了视图的层次,而且对输入内容的长度要做一定的处理. 第二种是重新定义EditText组件,增加相应的事件处理,即可达到很好的效果,效果图如下: 2.ClearEditText的JAVA类文件 /** * @说明: 自定义带删除按钮的EditText * */ public class ClearEditText ext

  • Android UI设计系列之自定义EditText实现带清除功能的输入框(3)

    最近公司的产品在陆续做升级,上级领导给的任务是优化代码结构以及项目架构,力争把项目写的精巧简练,于是我们满工程找冗余... 我们都知道每一个项目基本上都是有登陆页的,在登陆页中肯定是少不了输入框了,当我们在输入框中输入数据后如果输入的内容不正确或者是错误的或者是想重新输入,如果嗯键盘上的删除键就得一个一个的去删除,这时候我们或许就想要是能有一个标记当点击了这个标记能把我们刚刚输入的内容清空就好了.这样可以极大的提升用户体验,就拿QQ的登陆来说吧,效果如下: 当点击密码框右侧的小×图标时输入的内容

  • Android如何自定义EditText光标与下划线颜色详解

    前言 最近在写些小Demo复习基础,在用到EditText的时候突然发现之前几乎没有注意到它的光标和下划线的颜色,于是花了不少时间,看了不少博客,现在就来总结和分享一下收获,话不多说了,来一起看看详细的介绍: 1.第一印象:原生的EditText 我们要在原生的EditText上修改,首先当然要认识一下它的本来面目.在Android Studio中新建一个工程,让MainActivity继承于AppCompatActivity(为什么要这样做,后面再说),然后在MainActivity的布局中放

  • Android自定义EditText右侧带图片控件

    前言 最近项目做用户登录模块需要一个右边带图片的EditText,图片可以设置点击效果,所以就查资料做了一个自定义EditText出来,方便以后复用. 原理 下面是自定义EditText的代码,具体难点是要实现图片的点击监听,因为谷歌官方至今没有给出一个直接实现EditText里面图片的监听API.我的做法是整个控件绑定一个OnTouchListener,然后监测点击事件,检测点击位置的X坐标是否在图片的覆盖范围内(下面getCompoundDrawables()[2]里面的2是代表图片在Edi

  • Android EditText自定义样式的方法

    本文实例讲述了Android EditText自定义样式的方法.分享给大家供大家参考,具体如下: 1.去掉边框 EditText的background属性设置为@null就搞定了:android:background="@null" style属性倒是可加可不加 附原文: @SlumberMachine, that's a great observation! But, it seems that there is more to making a TextView editable

  • Android如何自定义EditText下划线?

    曾经做过一个项目,其中登录界面的交互令人印象深刻.交互设计师给出了一个非常作的设计,要求做出包含根据情况可变色的下划线,左侧有可变图标,右侧有可变删除标志的输入框,如图 记录制作过程: 第一版本 public class LineEditText extends EditText { private Paint mPaint; private int color; public static final int STATUS_FOCUSED = 1; public static final in

  • Android实现带有删除按钮的EditText示例代码

    一.首先来看看效果 这是一个带有删除按钮的输入文本框, 需要新建一个类继承自EditText, 先把代码贴出来, 然后在解释: 示例代码如下: public class EditTextWithDel extends EditText { private final static String TAG = "EditTextWithDel"; private Drawable imgInable; private Context mContext; public EditTextWit

  • Android 自定义EditText输入框带清空按钮

    Android 自定义EditText输入框带清空按钮 当用户输入字符后 EditText会自动在输入框的内部右侧出现删除按钮 重写EditText达到简化布局的效果 效果图: 继承EditText package com.example.myedittexttest; import android.content.Context; import android.graphics.Rect; import android.graphics.drawable.Drawable; import an

随机推荐