DrawRightEditText自定义EditText实现有内容时右侧图标按钮显示无内容时右侧图标按钮隐藏加上为空时晃动动画（二）

经过大神指导，上面封装的还不够全面，触摸事件应该也放进自定义中去，那么问题来了，怎么区分呢！，这就涉及到了自定义属性的介绍了

我通过设置属性来判断在onTouch事件中应该进行什么操作，接下来看看改良的代码

首先在attrs中设置样式

<declare-styleable name="drawrighteditview"> <attr name="edit_type" format="string" /> </declare-styleable>

然后在布局中设置样式，先导入xmlns:attrs="http://schemas.android.com/apk/res-auto"

  <com.asuka.android.asukaandroid.demo.views.DrawRightEditText

             android:id="@+id/name"

             android:layout_width="match_parent"

             android:layout_height="30dp"

             android:layout_centerVertical="true"

             android:layout_toRightOf="@+id/iv1"

             android:background="@null"

             android:hint="请输入账号"

             android:textColor="#000"
//设置属性

             attrs:edit_type="name"

             android:drawableRight="@drawable/icon_delete"

             android:layout_marginLeft="10dp"

             android:layout_marginRight="10dp"

             android:textColorHint="#8d8d94"

             android:textSize="16sp" />

再来看看自定义代码获取属性，实现在OnToch事件的操作

 public class DrawRightEditText extends EditText {

     private Drawable mClearDrawable;

     private String edit_type;

     private boolean isSee = false;//密码是否可见

     private static final int PASSWORD_MINGWEN = 0x90;

     private static final int PASSWORD_MIWEN = 0x81;

     String myNamespace = "http://schemas.android.com/apk/res-auto";

     public DrawRightEditText(Context context) {

         this(context, null);

     }

     public DrawRightEditText(Context context, AttributeSet attrs) {

         //这里构造方法也很重要，不加这个很多属性不能再XML里面定义

         this(context, attrs, android.R.attr.editTextStyle);

     }

     public DrawRightEditText(Context context, AttributeSet attrs, int defStyle) {

         super(context, attrs, defStyle);

 //获取属性

 20         edit_type = attrs.getAttributeValue(myNamespace,

 21                 "edit_type");

         init();

     }

     private void init(){

         //获取EditText的DrawableRight,getCompoundDrawables()获取Drawable的四个位置的数组

         mClearDrawable = getCompoundDrawables()[2];

         //设置图标的位置以及大小,getIntrinsicWidth()获取显示出来的大小而不是原图片的带小

         mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth()+10, mClearDrawable.getIntrinsicHeight()+10);

         //默认设置隐藏图标

         setClearIconVisible(false);

         //设置输入框里面内容发生改变的监听

         addTextChangedListener(new TextWatcher() {

             @Override

             public void beforeTextChanged(CharSequence s, int start, int count, int after) {

             }

             @Override

             public void onTextChanged(CharSequence s, int start, int before, int count) {

                     setClearIconVisible(s.length() > 0);

             }

             @Override

             public void afterTextChanged(Editable s) {

             }

         });

     }

     /**

      * 设置清除图标的显示与隐藏，调用setCompoundDrawables为EditText绘制上去

      * @param visible

      */

     protected void setClearIconVisible(boolean visible) {

         Drawable right = visible ? mClearDrawable : null;

         setCompoundDrawables(getCompoundDrawables()[0],

                 getCompoundDrawables()[1], right, getCompoundDrawables()[3]);

     }

     /**

      * 设置晃动动画

      */

     public void setShakeAnimation(){

         this.startAnimation(shakeAnimation(3));

     }

     /**

      * 晃动动画

      * @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;

     }

     @Override

     public boolean onTouchEvent(MotionEvent event) {

         if (event.getAction() == MotionEvent.ACTION_UP) {

             if (getCompoundDrawables()[2] != null) {

                 //getTotalPaddingRight()图标左边缘至控件右边缘的距离

                 //getWidth() - getTotalPaddingRight()表示从最左边到图标左边缘的位置

                 //getWidth() - getPaddingRight()表示最左边到图标右边缘的位置

                 boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight())

                         && (event.getX() < ((getWidth() - getPaddingRight())));

                 if (touchable) {
//根据属性判断操作

                     if (edit_type.equals("name")){

 89                         this.setText("");

 90                     }else if (edit_type.equals("password")){

 91                         if (isSee) {

 92                             //设置不可见

 93                             this.setInputType(PASSWORD_MIWEN);//密文

 94                             this.setSelection(this.length());//设置光标显示

 95                         } else {

 96                             //设置可见

 97                             this.setInputType(PASSWORD_MINGWEN);//明文

 98                             this.setSelection(this.length());//设置光标显示

 99                         }

100                         isSee = !isSee;

101                     }

                     }

                 }

             }

         return super.onTouchEvent(event);

     }

 }

巴特西

DrawRightEditText自定义EditText实现有内容时右侧图标按钮显示无内容时右侧图标按钮隐藏加上为空时晃动动画（二）

最新文章

热门文章