Android EditText 自带清除按钮 （ViewGroup实现）

原文链接：http://blog.csdn.net/freesonhp/article/details/30989923

针对这种情况，本人认为有三种解决方案：

（1）、用相对布局，这个很简单；

（2）、设置EditText的drawableRight，然后重写onTouch方法，进行坐标计算；

（3）、自定义个ViewGroup实现。

package com.example.testandroid;    import android.content.Context;  import android.text.Editable;  import android.text.TextWatcher;  import android.util.AttributeSet;  import android.view.View;  import android.view.View.OnClickListener;  import android.view.ViewGroup;  import android.widget.EditText;  import android.widget.TextView;    public class ClearEditText extends ViewGroup implements OnClickListener {        private TextView clearImage;      private EditText editText;        private int clearImageRightPading = 20;        private TextWatcher textWatcher = new TextWatcher() {            @Override          public void onTextChanged(CharSequence s, int start, int before, int count) {            }            @Override          public void beforeTextChanged(CharSequence s, int start, int count, int after) {            }            @Override          public void afterTextChanged(Editable s) {              if (s.length() == 0) {                  clearImage.setVisibility(View.GONE);              } else {                  clearImage.setVisibility(View.VISIBLE);              }          }      };        public ClearEditText(Context context) {          super(context);          initViews();      }        public ClearEditText(Context context, AttributeSet attrs) {          super(context, attrs);          initViews();      }        public ClearEditText(Context context, AttributeSet attrs, int defStyle) {          super(context, attrs, defStyle);          initViews();      }        private void initViews() {          final Context mContext = getContext();          clearImage = new TextView(mContext);          clearImage.setLayoutParams(new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));          clearImage.setOnClickListener(this);          clearImage.setVisibility(View.GONE);          editText = new EditText(mContext);          editText.setLayoutParams(new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));          editText.addTextChangedListener(textWatcher);          editText.setSingleLine(true);          addView(editText);          addView(clearImage);          requestLayout();      }        /**      * 设置 清除图片 的资源      *       * @param drawableId      */      public void setClearImageDrawableId(int drawableId) {          clearImage.setBackgroundResource(drawableId);      }        /**      * 设置EditText的padding（如果调用了{@link #setEditTextBackGround(int)}      * 方法，其背景图片是.9图的话，必须要调用此方法）      *       * @param paddingLeft      *            左边的padding      * @param paddinTop      *            上边padding      * @param paddingRight      *            右边padding（这个padding是指文章到 清除图片的 padding）      * @param paddingBottom      *            下边padding      */      public void setEditTextPadding(int paddingLeft, int paddinTop, int paddingRight, int paddingBottom) {          paddingRight += clearImageRightPading + clearImage.getBackground().getIntrinsicWidth();          editText.setPadding(paddingLeft, paddinTop, paddingRight, paddingBottom);      }        /**      * 设置删除图片距离右边的距离      *       * @param clearImageRightPading      */      public void setClearImageRightPading(int clearImageRightPading) {          this.clearImageRightPading = clearImageRightPading;          requestLayout();      }        /**      * 设置EditText的背景</br>Note</br>(1)调用了该方法之后，如果背景图是.9图的话，必须调用      * {@link #setEditTextPadding(int, int, int, int)}方法 </br>(2)此方法必须是调用了      * {@link #setClearImageDrawableId(int)}之后才能调用      *       * @param resid      */      public void setEditTextBackGround(int resid) {          editText.setBackgroundResource(resid);      }        public void setTextColor(int color) {          editText.setTextColor(color);      }        public void setTextColorSize(int size) {          editText.setTextSize(size);      }        @Override      protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {          super.onMeasure(widthMeasureSpec, heightMeasureSpec);          int width = MeasureSpec.getSize(widthMeasureSpec);          // int height = MeasureSpec.getSize(heightMeasureSpec);          int childCount = getChildCount();          for (int i = 0; i < childCount; i++) {              if (i == 0) {                  getChildAt(i).measure(MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),                          getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));              } else {                  TextView secondView = (TextView) getChildAt(i);                  secondView.measure(MeasureSpec.makeMeasureSpec(secondView.getBackground().getIntrinsicWidth(), MeasureSpec.UNSPECIFIED),                          MeasureSpec.makeMeasureSpec(secondView.getBackground().getIntrinsicHeight(), MeasureSpec.UNSPECIFIED));              }          }          setMeasuredDimension(width, getChildAt(0).getMeasuredHeight());      }        @Override      protected void onLayout(boolean changed, int l, int t, int r, int b) {          final EditText firstView = editText;          final View secondView = clearImage;          final int editTextWith = firstView.getMeasuredWidth();          final int imageViewWidth = secondView.getMeasuredWidth();          firstView.layout(0, 0, editTextWith, firstView.getMeasuredHeight());          final int top = (firstView.getMeasuredHeight() - secondView.getMeasuredHeight()) >> 1;          secondView.layout(editTextWith - imageViewWidth - clearImageRightPading, top, editTextWith - clearImageRightPading, top                  + secondView.getMeasuredHeight());      }        @Override      public void onClick(View v) {          editText.setText("");      }  } 

在xml布局很简单，如下

    <com.example.testandroid.ClearEditText             android:id="@+id/myedit"             android:layout_width="fill_parent"             android:layout_height="wrap_content" >         </com.example.testandroid.ClearEditText>  

调用：

    ClearEditText clearEditText = (ClearEditText) getView().findViewById(R.id.myedit);              clearEditText.setClearImageDrawableId(R.drawable.clear_edittext_selector);              clearEditText.setEditTextBackGround(R.drawable.bg_tab_search_edit);              clearEditText.setEditTextPadding(30, 20, 20, 20);