EditText——右边图片drawableRight的点击事件

Posted 2022-12-01 Greyson_Guo

首先是自己定义的EditText：

public class ClearEditText extends EditText implements
        View.OnFocusChangeListener, TextWatcher 
    /**
     * 删除按钮的引用
     */
    private Drawable mClearDrawable;
    /**
     * 控件是否有焦点
     */
    private boolean hasFoucs;

    //    private Context context;
    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() 
        //获取EditText的DrawableRight,假如没有设置我们就使用默认的图片
        mClearDrawable = getCompoundDrawables()[2];
        if (mClearDrawable == null) 
//        	throw new NullPointerException("You can add drawableRight attribute in XML");
            mClearDrawable = getResources().getDrawable(R.drawable.delete_selector);
        

        mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight());
        //默认设置隐藏图标
        setClearIconVisible(false);
        //设置焦点改变的监听
        setOnFocusChangeListener(this);
        //设置输入框里面内容发生改变的监听
        addTextChangedListener(this);
    

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

                boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight())
                        && (event.getX() < ((getWidth() - getPaddingRight())));

                if (touchable) 
                    //里面写上自己想做的事情，也就是DrawableRight的触发事件
                    this.setText("");
                    try 

                     catch (Exception e) 
                        // TODO: handle exception
                    

                
            
        
        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);
        
    

    /**
     * 设置清除图标的显示与隐藏，调用setCompoundDrawables为EditText绘制上去
     *
     * @param visible
     */
    protected void setClearIconVisible(boolean visible) 
        //如果你想让它一直显示DrawableRight的图标，并且还需要让它触发事件，直接把null改成mClearDrawable即可
        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) 

    

    /**
     * 设置晃动动画
     */
    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;
    

然后在自己的布局里面直接引用：

<com.kangmei.pocketdoctor.view.ClearEditText
        android:id="@+id/password_et"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_below="@+id/username_et"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginTop="8dp"
        android:inputType="textPassword"
        android:background="@drawable/edittext_style"
        android:drawableLeft="@drawable/ic_lock_hl"
        android:hint="@string/password_hint_tips"
        android:drawableRight="@drawable/delete_selector"
        android:paddingRight="10dp" />

右边图片的资源：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 个人感觉这里的图片不是原作者说的意思，所以意味暂时不明！有空再研究并更新 -->
    <!--<item android:state_pressed="true" android:drawable="@drawable/ic_close_camera" />-->

    <!-- 原作者说这里是文本框长度为零的时候显示的图片，但根本就不是，是不为零时显示的 -->
    <item android:drawable="@drawable/ic_close_camera" />
</selector>

然后在Activity里面就不用说啦，像获取普通组件的方式去获取就OK了：

ClearEditText usernameEt = (ClearEditText) findViewById(R.id.username_et);

转载可以当是好代码的备份，也可以为以后使用时直接复制、粘贴，节省时间。

转自（内有作者源码）：http://www.lxway.com/615511661.htm