带清除按钮的EditText,自动清除输入

自定义EditText,带清除按钮,未输入时,隐藏清除按钮,有输入时自动显示清除按钮

1.自定义一个EditText

public class ClearEditText extends EditText implements OnFocusChangeListener,
      TextWatcher {
   /**
    * 删除按钮的引用
    */
   private Drawable mClearDrawable;

   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() {
      // 获取EditTextDrawableRight,假如没有设置我们就使用默认的图片
      mClearDrawable = getCompoundDrawables()[2];
      if (mClearDrawable == null) {
         mClearDrawable = getResources().getDrawable(
               R.mipmap.cancle);
      }
      mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(),
            mClearDrawable.getIntrinsicHeight());
      setClearIconVisible(false);
      setOnFocusChangeListener(this);
      addTextChangedListener(this);
   }

   /**
    * 因为我们不能直接给EditText设置点击事件,所以我们用记住我们按下的位置来模拟点击事件 当我们按下的位置 在 EditText的宽度 -
    * 图标到控件右边的间距 - 图标的宽度 和 EditText的宽度 - 图标到控件右边的间距之间我们就算点击了图标,竖直方向没有考虑
    */
   @Override
   public boolean onTouchEvent(MotionEvent event) {
      if (getCompoundDrawables()[2] != null) {
         if (event.getAction() == MotionEvent.ACTION_UP) {
            boolean touchable = event.getX() > (getWidth()
                  - getPaddingRight() - mClearDrawable
                     .getIntrinsicWidth())
                  && (event.getX() < ((getWidth() - getPaddingRight())));
            if (touchable) {
               this.setText("");
            }
         }
      }

      return super.onTouchEvent(event);
   }

   /**
    * ClearEditText焦点发生变化的时候,判断里面字符串长度设置清除图标的显示与隐藏
    */
   @Override
   public void onFocusChange(View v, boolean hasFocus) {
      if (hasFocus) {
         setClearIconVisible(getText().length() > 0);
      } else {
         setClearIconVisible(false);
      }
   }

   /**
    * 设置清除图标的显示与隐藏,调用setCompoundDrawablesEditText绘制上去
    * 
    * @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) {
      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;
   }

}
2.在布局文件里引用它,
order_history_find.png图片指向的是左端那个放大镜图片,右边的清除按钮已经在ClearEditText.class里定义好了
<com.widget.ClearEditText
    android:id="@+id/et_searchEscoter_w"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/order_findbox"
    android:hint="请输入姓名或手机号码"
    android:layout_centerInParent="true"
    android:textSize="@dimen/common_font_sw320dp_of_13"
    android:drawablePadding="@dimen/common_sw320dp_of_5"
    android:drawableLeft="@mipmap/order_history_find"
    android:imeOptions="actionSearch"
    android:singleLine="true"
    android:paddingLeft="@dimen/common_sw320dp_of_5"/>
好啦,就是这么简单


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值