需求

Button隨EditText輸入狀態(tài)改變顏色

有3個不同顏色狀態(tài)，

• EditText未輸入時，Button處于不可點擊狀態(tài)
• EditText輸入時，Button處于高亮狀態(tài)
• EditText輸入且用戶按下按鈕，Button --> Pressed狀態(tài)

效果如下：

演示圖片

EditText在沒有輸入時，Button不可點擊，為灰色狀態(tài)
EditText輸入后，Button可點擊，且背景變?yōu)樗{(lán)色
EditText輸入后，點擊Button時，Button背景色變?yōu)榧t色

解決思路

EditText的輸入通過添加addTextChangedListener來監(jiān)聽
Button的點擊顏色變化使用selector來控制

遇到的問題

在根據(jù)以上的實現(xiàn)思路實現(xiàn)時，遇到了一些問題

問題一：在Selector中使用android:color屬性報錯
button_selector.xml代碼：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@android:color/holo_red_light" android:state_pressed="true"/>
    <item android:color="@android:color/darker_gray"/>
</selector>

應(yīng)用崩潰的錯誤日志：

Caused by: org.xmlpull.v1.XmlPullParserException: Binary XML file line #0: <item> tag requires a 'drawable' attribute or child tag defining a drawable

日志提示在item子節(jié)點中必須要求有drawable屬性，根據(jù)錯誤信息將所有color屬性替換成了drawable，修改后的button_selector.xml如下:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/holo_red_light" android:state_pressed="true"/>
    <item android:drawable="@android:color/darker_gray"/>
</selector>

問題二：selector沒有作用，Button按下時顏色并沒有改變
給Button的background屬性設(shè)置了button_selector
然后在EditText. addTextChangedListener中的onTextChanged方法中檢測EditText的輸入狀態(tài)

        editText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                //EditText輸入狀態(tài)改變，Button背景顏色也改變
                if ("".equals(editText.getText().toString().trim())) {
                    button.setBackgroundColor(Color.GRAY);
                    button.setEnabled(false);
                } else {
                    button.setBackgroundColor(ContextCompat.getColor(context, R.color.color_blue));
                }
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });

在EditText中輸入字符后，Button背景色變?yōu)樗{(lán)色，但是pressed時卻沒有變成紅色，背景還是藍(lán)色，發(fā)現(xiàn)是button.setBackgroundColor(ContextCompat.getColor(context, R.color.color_blue));把Button的背景色給寫死了，所以Button的顏色沒辦法改變

解決方案

整理了下問題，最后想到了一個解決方案，在布局文件中，把Button的background的屬性由selector設(shè)置為不可點擊顏色灰色android:background="@android:color/darker_gray"，然后在onTextChanged()中，當(dāng)EditText輸入時，設(shè)置Button的background為selector，而不是寫死顏色，這樣就可以解決在EditText輸入時，點擊Button背景顏色卻無法變化的問題！

        editText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                //EditText輸入狀態(tài)改變，Button背景顏色也改變
                if ("".equals(editText.getText().toString().trim())) {
                    button.setBackgroundColor(Color.GRAY);
                    button.setEnabled(false);
                } else {
                    //設(shè)置selector來控制Button背景顏色
                    button.setBackground(ContextCompat.getDrawable(context,
                            R.drawable.button_input_selector));
                    button.setEnabled(true);
                }
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });