Button根据EditText输入状态改变背景颜色

最新推荐文章于 2021-05-26 11:50:43 发布

程序员张晴天

最新推荐文章于 2021-05-26 11:50:43 发布

阅读量2.2k

点赞数 2

分类专栏： android学习文章标签： Android Button EditText

本文链接：https://blog.youkuaiyun.com/sinat_24946363/article/details/80660083

版权

android学习专栏收录该内容

39 篇文章

订阅专栏

本文介绍了Android中如何根据EditText的输入状态改变Button的背景颜色。需求包括：EditText未输入时Button灰色不可点击，输入后变为蓝色可点击，点击后变为红色。通过添加TextWatcher监听输入，使用Selector控制Button状态，解决了Selector颜色设置问题和Button颜色未变化的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求

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) {

            }
        });