如何使用AppCompat设置禁用的按钮颜色?

时间:2016-03-05 05:49:37

标签: android android-appcompat android-button

我使用此样式更改Button背景颜色:

<style name="AccentButton" parent="Widget.AppCompat.Button.Colored">
    <item name="colorButtonNormal">@color/colorAccent</item>
    <item name="android:textColor">@color/white</item>
</style>

布局

    <Button
        android:id="@+id/login_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/fragment_login_login_button"
        app:theme="@style/AccentButton"/>

有效。但是当我在setEnabled(false)上调用Button时,它会保持相同的颜色。我该如何处理这个案子?

7 个答案:

答案 0 :(得分:74)

您没有正确使用Widget.AppCompat.Button.Colored样式。您正在使用父样式(Widget.AppCompat.Button.Colored),但将其应用为主题。这实际上意味着Widget.AppCompat.Button.Colored部分被完全忽略,而你只是改变按钮的默认颜色(它可以工作,但不处理被禁用的情况)。

相反,您应该使用ThemeOverlay并单独应用Colored样式:

<style name="AccentButton" parent="ThemeOverlay.AppCompat.Dark">
   <!-- customize colorButtonNormal for the disable color -->
   <!-- customize colorAccent for the enabled color -->
</style>

<Button
    android:id="@+id/login_button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/fragment_login_login_button"
    android:theme="@style/AccentButton"
    style="@style/Widget.AppCompat.Button.Colored"/>

this answer on using the Widget.AppCompat.Button.Colored style中所述,禁用的颜色由colorButtonNormal控制,启用的颜色由colorAccent控制。使用ThemeOverlay.AppCompat.DarktextColor会自动更改为黑暗,这意味着您可能根本不需要自定义ThemeOverlay

答案 1 :(得分:9)

将接受的解决方案与自定义小部件相结合,我们可以通过设置alpha来显示禁用的按钮。这适用于任何按钮和文本颜色组合:

public class ButtonWidget extends AppCompatButton {

    public ButtonWidget(Context context) {
        super(context);
    }

    public ButtonWidget(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ButtonWidget(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public void setEnabled(boolean enabled) {
        setAlpha(enabled ? 1 : 0.5f);
        super.setEnabled(enabled);
    }

}

答案 2 :(得分:7)

而不是为按钮使用颜色,您应该使用带选择器的背景。这是演示代码

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true">
        <shape android:shape="rectangle">
            <solid android:color="@color/yourEnabledColor" />
        </shape>
    </item>
    <item android:state_enabled="false">
        <shape android:shape="rectangle">
            <solid android:color="@color/yourDisabledColor" />
        </shape>
    </item>
</selector>

答案 3 :(得分:5)

当您以编程方式进行更改时,您需要采取这种方式:

button = new Button(new ContextThemeWrapper(ActiVityName.this, R.style.AccentButton));

if (button.isEnabled())
    button.getBackground().setColorFilter(Color.Black, PorterDuff.Mode.MULTIPLY);
else
    button.getBackground().setColorFilter(null);

答案 4 :(得分:5)

目前,我使用Android API 15 +的以下设置。

/res/color/btn_text_color.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:color="#42000000" android:state_enabled="false" />
  <item android:color="#ffffff" />
</selector>

/res/values/styles.xml

<style name="ColoredButton" parent="Widget.AppCompat.Button.Colored">
    <item name="android:textColor">@color/btn_text_color</item>
</style>

<Button
    android:id="@+id/button"
    style="@style/ColoredButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="button" />

答案 5 :(得分:1)

ianhanniballake'回答和Joe Bowbeer'评论延伸的完整解决方案:

/res/values/styles.xml

# Geoip checking to set deny request value. 
if ($blocked_country) {
  set $deny_request 1;
}

if ($deny_request = 1) {
  return 403;
}

无论您在哪里使用按钮:

<style name="AccentButton" parent="ThemeOverlay.AppCompat.Dark">
    <!-- customize colorAccent for the enabled color -->
    <!-- customize colorControlHighlight for the enabled/pressed color -->
    <!-- customize colorButtonNormal for the disabled color -->
    <item name="android:buttonStyle">@style/Widget.AppCompat.Button.Colored</item>
</style>

这对我来说真的很好

答案 6 :(得分:0)

@meanman的答案的Kotlin实现,到目前为止,调整Alpha是最简单的方法,我所有的触摸波纹效果仍然像以前一样起作用:

ArrayBuffer