Android 自定义View--实现带有按钮点击效果的自动补全输入框（搜索框）

  在开发中，输入框和搜索框是我们非常频繁的用到的控件，针对输入Android提供了EditText 和AutoCompleteTextView。

  在Android提供的控件中我们可以为AutoCompleteTextView设置一个Adapter从而提供输入补全的功能，但是很遗憾，虽然这两个控件提供了给四周增加图片的功能，却没有提供设置点击事件。

所以我想通过现有的AutoCompleteTextView控件尽量简单易用的实现一个带有右侧点击按钮的输入框（实现清除输入内容，或者进行搜索等操作，自定义使用）如图

在此我继承AutoCompleteTextView，增加了部分代码，实现对输入框右侧图片设置点击事件，使用非常灵活和简单。代码也非常轻量。

直接上代码

/**
 * Created by baron on 2017/2/9.
 */
public class SearchView extends AutoCompleteTextView {
    private Drawable mDrawableRight;
    private Rect mBounds;
    private BtnListener mBtnListener;
    public SearchView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    @Override
    public void setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom) {
        if (right != null) {
            mDrawableRight = right;
        }
        super.setCompoundDrawables(left, top, mDrawableRight, bottom);
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_UP && mDrawableRight != null) {
            mBounds = mDrawableRight.getBounds();

            final int x = (int) event.getX();
            final int y = (int) event.getY();

            if (x >= (this.getWidth() - mBounds.width()) && x <= (this.getWidth() - this.getPaddingRight())
                    && y >= this.getPaddingTop() && y <= (this.getHeight() - this.getPaddingBottom())) {
                if(mBtnListener!=null){
                    mBtnListener.onClick();
                }
                event.setAction(MotionEvent.ACTION_CANCEL);
            }
        }
        return super.onTouchEvent(event);
    }
    public void setBtnListener(BtnListener btnListener){
        mBtnListener=btnListener;
    }
    public interface BtnListener{
        void onClick();
    }
}

为了能够获取点击事件，我们需要重载onTouchEvent方法，然后判断是否点击了对应的图片（按钮），当点击事件发生时，调用接口实例的点击事件（使用者可自定义）。

使用 在XML中

<com.baron.androidutilb.view.SearchView
        android:id="@+id/searchview"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:drawableRight="@mipmap/icon_search"/>

在 Java代码中设置

        SearchView mSearchView=(SearchView)findViewById(R.id.searchview);
        ArrayAdapter<String> marrAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, new String[]{"lijiaqiang", "liujiaqiang", "xujing", "lijing"});
        mSearchView.setAdapter(marrAdapter);
        mSearchView.setBtnListener(new SearchView.BtnListener() {
            @Override
            public void onClick() {
                ToastUtils.showToast_Now("你点击了搜索",MainActivity.this);
            }
        });

使用效果