需求
Button随EditText输入状态改变颜色
有3个不同颜色状态，
- EditText未输入时，Button处于不可点击状态
- EditText输入时，Button处于高亮状态
- EditText输入且用户按下按钮，Button --> Pressed状态
效果如下：
EditText在没有输入时，Button不可点击，为灰色状态
EditText输入后，Button可点击，且背景变为蓝色
EditText输入后，点击Button时，Button背景色变为红色
解决思路
EditText的输入通过添加addTextChangedListener来监听
Button的点击颜色变化使用selector来控制
遇到的问题
在根据以上的实现思路实现时，遇到了一些问题
问题一：在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>
应用崩溃的错误日志：
Caused by: org.xmlpull.v1.XmlPullParserException: Binary XML file line #0: <item> tag requires a 'drawable' attribute or child tag defining a drawable
日志提示在item子节点中必须要求有drawable属性，根据错误信息将所有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属性设置了button_selector
然后在EditText. addTextChangedListener中的onTextChanged方法中检测EditText的输入状态
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输入状态改变，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背景色变为蓝色，但是pressed时却没有变成红色，背景还是蓝色，发现是button.setBackgroundColor(ContextCompat.getColor(context, R.color.color_blue));把Button的背景色给写死了，所以Button的颜色没办法改变
解决方案
整理了下问题，最后想到了一个解决方案，在布局文件中，把Button的background的属性由selector设置为不可点击颜色灰色android:background="@android:color/darker_gray"，然后在onTextChanged()中，当EditText输入时，设置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输入状态改变，Button背景颜色也改变
if ("".equals(editText.getText().toString().trim())) {
button.setBackgroundColor(Color.GRAY);
button.setEnabled(false);
} else {
//设置selector来控制Button背景颜色
button.setBackground(ContextCompat.getDrawable(context,
R.drawable.button_input_selector));
button.setEnabled(true);
}
}
@Override
public void afterTextChanged(Editable s) {
}
});
