首页 > 系统 > Android > 正文

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

2019-12-12 02:37:41
字体:
来源:转载
供稿:网友

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> 

附件是图片资源文件。



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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表