自定义EditText实现DrawableRight的点击事件

最新推荐文章于 2021-05-26 23:00:08 发布

henkun

最新推荐文章于 2021-05-26 23:00:08 发布

阅读量754

点赞数

分类专栏： Android 文章标签：自定义view

本文链接：https://blog.csdn.net/henkun/article/details/99697266

版权

Android 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

日常的开发工作中用到EditText的时候还是很多的，比如有一个需求需要在输入框的右侧添加一个向右的箭头，要求点击这个箭头可以跳转到其他页面。要实现这个需求其实也是很简单的，实现方式也是比较多的。比如我们可以再EditText的右侧放一个ImageView，然后为imageview设置点击事件来实现。这种方式也是比较常见的方式，但是这种方式不方便的地方在于布局上需要新建一个ImageView，而且还要考虑ImageView的适配和点击范围等等。

今天我们介绍另外一种方式来实现这个效果-使用EditText的DrawableRight属性。众所周知，edittext和textview都有一个drawablexx属性，这个属性允许我们在控件的上下左右四个方向放置一张图片来实现一些效果和操作，我们今天要用到的就是其中的drawableright属性，我们可以利用这个属性在EditText的右侧放置一张图片。然而比较遗憾的是，谷歌官方并没有对这个属性设置相应的事件，所以上述点击效果只能通过自定义view结合DrawableRight属性的方式实现。

首先第一步：自定义EditText，重写其onTouchEvent方法

@Override
    public boolean onTouchEvent(MotionEvent event) {
        switch(event.getAction()){
            case MotionEvent.ACTION_DOWN:
                Drawable right=getCompoundDrawables()[2];//右侧的drawable
                if (right != null && event.getRawX() >= (getRight() - right.getBounds().width())) {//获取点击事件的触发范围
                    mRightListener.onDrawableRightClick(this);//事件回调
                    return true ;
                }
                break;
        }
        return super.onTouchEvent(event);

    }

第二步：定义一个点击事件的回调，供activity使用。

public class CustomEditText4 extends EditText
private RightListener mRightListener;
public void setmRightListener(RightListener rightListener){
        this.mRightListener=rightListener;
    }

    public interface RightListener{
        void onDrawableRightClick(View view);
    }

第三步：布局文件中引用自定义EditText并且在activity中使用。

<com.example.mydemos.custom.CustomEditText4
        android:id="@+id/edit_costom"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:drawableRight="@mipmap/ic_launcher"/>

 @BindView(R.id.edit_costom)
    CustomEditText4 customEditText;

    @BindView(R.id.edit_costom2)
    CustomEditText4 customEditText2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_custom_edit_text);
        ButterKnife.bind(this);
        customEditText.setmRightListener(this);//设置点击事件回调
        customEditText2.setmRightListener(this);
    }

    @Override
    public void onDrawableRightClick(View view) {
        switch(view.getId()){
            case R.id.edit_costom:
                customEditText.setText("");//点击右侧图片清空内容
                break;
            case R.id.edit_costom2:
                ActivityUtil.startActivity(CustomEditTextActivity.this,DemoActivity1.class);
                break;//点击右侧图片跳转到其他activity
        }

    }

至此，基本设置已经完成。