[Android]文字框實現搜尋和清空效果

 

前言

　　本文實現的效果：文字框輸入為空白時顯示輸入的表徵圖；不為空白時顯示清空的表徵圖，此時點擊清空表徵圖能清空文字框內輸入文字。

 

聲明

　　歡迎轉載，但請保留文章原始出處:)

　　　　部落格園：http://www.cnblogs.com

　　　　農民伯伯： http://over140.cnblogs.com 

 

本文

　　一、實現效果

　　　　

　　　　　　　

 

　　二、實現代碼

　　　　監聽輸入

    /**
     * 動態搜尋
     */
    private TextWatcher tbxSearch_TextChanged = new TextWatcher() {

        //緩衝上一次文字框內是否為空白
        private boolean isnull = true;

        @Override
        public void afterTextChanged(Editable s) {
            if (TextUtils.isEmpty(s)) {
                if (!isnull) {
                    mSearchView.setCompoundDrawablesWithIntrinsicBounds(null,
                            null, mIconSearchDefault, null);
                    isnull = true;
                }
            } else {
                if (isnull) {
                    mSearchView.setCompoundDrawablesWithIntrinsicBounds(null,
                            null, mIconSearchClear, null);
                    isnull = false;
                }
            }
        }

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

        /**
         * 隨著文字框內容改變動態改變列表內容
         */
        @Override
        public void onTextChanged(CharSequence s, int start, int before,
                int count) {
            
        }
    };

 　　　　觸摸事件

    private OnTouchListener txtSearch_OnTouch = new OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
            case MotionEvent.ACTION_UP:
                int curX = (int) event.getX();
                if (curX > v.getWidth() - 38
                        && !TextUtils.isEmpty(mSearchView.getText())) {
                    mSearchView.setText("");
                    int cacheInputType = mSearchView.getInputType();// backup  the input type
                    mSearchView.setInputType(InputType.TYPE_NULL);// disable soft input
                    mSearchView.onTouchEvent(event);// call native handler
                    mSearchView.setInputType(cacheInputType);// restore input  type
                    return true;// consume touch even
                }
                break;
            }
            return false;
        }
    };

　　　　綁定事件

    private Drawable mIconSearchDefault; // 搜尋文字框預設表徵圖
    private Drawable mIconSearchClear; // 搜尋文字框清除常值內容表徵圖

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main)
        
        final Resources res = getResources();
        mIconSearchDefault = res.getDrawable(R.drawable.txt_search_default);
        mIconSearchClear = res.getDrawable(R.drawable.txt_search_clear);
        
        mSearchView = (EditText) findViewById(R.id.txtSearch);
        mSearchView.addTextChangedListener(tbxSearch_TextChanged);
        mSearchView.setOnTouchListener(txtSearch_OnTouch);
    }

　　　　代碼說明：

　　　　　　1. 為輸入框綁定觸摸事件（類比點擊事件捕捉）。通過監聽點擊地區判斷是否點擊清空圖片，如果在該地區並且文字框不為空白，則清空文字框。

　　　　　　2. 為輸入框綁定文本改變事件監聽，根據內容改變動態設定表徵圖顯示。

　　　　　　3. 維持清空操作後軟鍵盤狀態。

 

　　三、參考

　　　　1.  how to block virtual keyboard while clicking on edittext in android?

 

　　四、小表徵圖下載

　　　　　　

　　　　（右鍵另存新檔即可。）

 

結束

　　活用好每一個控制項的屬性、方法和事件能實現很多有意思的效果。歡迎大家交流。