Android 實現帶有清除按鈕和搜索圖標的AppCompatEditText 高仿微信搜索聯繫人 (抖音八)

public class SearchEditText extends AppCompatEditText implements

        View.OnFocusChangeListener, TextWatcher {


    private Drawable mClearDrawable;
    private Drawable mSearchDrawable;
    private Drawable mSearchingDrawable;
    private boolean hasFoucs;
    private Context context;

    public SearchEditText(Context context) {
        this(context, null);
    }

    public SearchEditText(Context context, AttributeSet attrs) {
        this(context, attrs, android.R.attr.editTextStyle);
    }

    public SearchEditText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        init();
    }


    private void init() {

        if (mClearDrawable == null) {
            mClearDrawable = getResources().getDrawable(R.mipmap.ic_team_seach_close);
        }

        mSearchDrawable = getResources().getDrawable(R.mipmap.ic_team_seach);
        mSearchingDrawable = getResources().getDrawable(R.mipmap.ic_team_seaching);

        mClearDrawable.setBounds(-30, 0, 30, 60);
        //默認設置隱藏圖標
        setClearIconVisible(false);
        //設置焦點改變的監聽
        setOnFocusChangeListener(this);
        //設置輸入框裏面內容發生改變的監聽
        addTextChangedListener(this);


    }

    public void chagngeSearchLogo(boolean isSeaching) {
        if (isSeaching) {
            Drawable drawable = mSearchingDrawable;
            drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
            setCompoundDrawables(drawable, null, null, null);
        } else {
            Drawable drawable = mSearchDrawable;
            drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
            setCompoundDrawables(drawable, null, null, null);
        }

    }

    /**
     * 因爲我們不能直接給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) {
                    this.setText("");
                }
            }
        }

        return super.onTouchEvent(event);
    }


    /**
     * 設置清除圖標的顯示與隱藏，調用setCompoundDrawables爲EditText繪製上去
     *
     * @param visible
     */
    protected void setClearIconVisible(boolean visible) {
        Drawable right = visible ? mClearDrawable : null;
        setCompoundDrawables(getCompoundDrawables()[0],
                getCompoundDrawables()[1], right, getCompoundDrawables()[3]);
    }


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

    }

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

        if (hasFoucs) {
            setClearIconVisible(s.length() > 0);
        }

    }

    @Override
    public void afterTextChanged(Editable s) {

    }

    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        this.hasFoucs = hasFocus;
        if (hasFocus) {
            setClearIconVisible(getText().length() > 0);
        } else {
            setClearIconVisible(false);
        }
        onSearchFocusListener.onSearchFocusChange(v, hasFocus);
    }


    private onSearchFocusListener onSearchFocusListener;


    public void setOnSearchFocusListener(onSearchFocusListener onSearchFocusListener) {
        this.onSearchFocusListener = onSearchFocusListener;
    }


    public interface onSearchFocusListener {

        void onSearchFocusChange(View v, boolean hasFocus);

    }


}