blocks|key|4430299|text|您应该使用带有选择器的背景，而不是对按钮使用颜色。以下是演示代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4430300|<?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>|code-block|syntax|javascript|4430301|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>instead of using color for your button, you should use a background with selectors. Here is the demo code</p>

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


blocks|key|4430093|text|您没有正确使用Widget.AppCompat.Button.Colored样式。您正在使用父样式(Widget.AppCompat.Button.Colored)，但将其应用为主题。这实际上意味着Widget.AppCompat.Button.Colored部件将被完全忽略，而您只需更改按钮的默认颜色(可以工作，但不能处理禁用的情况)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4430094|相反，您应该使用ThemeOverlay并单独应用Colored样式：|4430095|<style+name="AccentButton"+parent="ThemeOverlay.AppCompat.Dark">
+++
+++
</style>

<Button
++++android:id="@%2Bid/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"/>|code-block|syntax|javascript|4430096|如this+answer+on+using+the+Widget.AppCompat.Button.Colored+style中所述，禁用的颜色由colorButtonNormal控制，启用的颜色由colorAccent控制。通过使用ThemeOverlay.AppCompat.Dark，textColor会自动更改为深色，这意味着您可能根本不需要自定义ThemeOverlay。|4430097|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/26686433/1676363^0|7|V|1E|V|2R|V|0|8|C|P|7|0|0|Q|V|21|H|2R|B|39|R|41|9|4Y|C|1|1Q|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]]|D|@$9|1M|A|1N|1|1O]]|E|$]]|$1|O|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

<p>You aren't using the <code>Widget.AppCompat.Button.Colored</code> style correctly. You're using a parent style (<code>Widget.AppCompat.Button.Colored</code>), but applying it as a theme. This effectively means that the <code>Widget.AppCompat.Button.Colored</code> part is being ignored entirely and you are instead just changing the default color of the button (which works, but doesn't handle the disabled case).</p>

<p>Instead, you should use a <code>ThemeOverlay</code> and apply the <code>Colored</code> style separately:</p>

<pre><code>&lt;style name="AccentButton" parent="ThemeOverlay.AppCompat.Dark"&gt;
   &lt;!-- customize colorButtonNormal for the disable color --&gt;
   &lt;!-- customize colorAccent for the enabled color --&gt;
&lt;/style&gt;

&lt;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"/&gt;
</code></pre>

<p>As mentioned in <a href="https://stackoverflow.com/a/26686433/1676363">this answer on using the <code>Widget.AppCompat.Button.Colored</code> style</a>, the disabled color is controlled by <code>colorButtonNormal</code> and the enabled color is controlled by <code>colorAccent</code>. By using the <code>ThemeOverlay.AppCompat.Dark</code>, the <code>textColor</code> is automatically changed to dark, meaning you may not need the custom <code>ThemeOverlay</code> at all.</p>


blocks|key|4430131|text|将接受的解决方案与自定义小部件相结合，我们可以通过设置alpha来显示禁用的按钮。这应该适用于任何按钮和文本颜色组合：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4430132|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);
++++}

}|code-block|syntax|javascript|4430133|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Combining the accepted solution with a custom widget we can have a button which appears disabled by setting the alpha. This should work for any button and text color combination:</p>

<pre><code>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);
    }

}
</code></pre>


blocks|key|4430413|text|目前，我对Android+API+15%2B的设置如下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4430414|/res/color/btn_text_color.xml|4430415|<?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>|code-block|syntax|javascript|4430416|/res/values/styles.xml|4430417|<style+name="ColoredButton"+parent="Widget.AppCompat.Button.Colored">
++++<item+name="android:textColor">@color/btn_text_color</item>
</style>|4430418|和|4430419|<Button
++++android:id="@%2Bid/button"
++++style="@style/ColoredButton"
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"
++++android:text="button"+/>|4430420|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>Currently, I use the following settings for Android API 15+.</p>

<p>/res/color/btn_text_color.xml</p>

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

<p>/res/values/styles.xml</p>

<pre><code>&lt;style name="ColoredButton" parent="Widget.AppCompat.Button.Colored"&gt;
    &lt;item name="android:textColor"&gt;@color/btn_text_color&lt;/item&gt;
&lt;/style&gt;
</code></pre>

<p>and</p>

<pre><code>&lt;Button
    android:id="@+id/button"
    style="@style/ColoredButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="button" /&gt;
</code></pre>


blocks|key|4430435|text|完整的解决方案由ianhanniballake‘answer+and+Joe+Bowbeer’comment扩展而来：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4430436|/res/values/styles.xml|4430437|<style+name="AccentButton"+parent="ThemeOverlay.AppCompat.Dark">
++++
++++
++++
++++<item+name="android:buttonStyle">@style/Widget.AppCompat.Button.Colored</item>
</style>|code-block|syntax|javascript|4430438|无论你在哪里使用这个按钮：|4430439|<Button
++++android:id="@%2Bid/login_button"
++++android:layout_width="match_parent"
++++android:layout_height="wrap_content"
++++android:text="@string/fragment_login_login_button"
++++android:theme="@style/AccentButton"/>|4430440|这对我来说真的很好|4430441|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/1676363/ianhanniballake|1|https://stackoverflow.com/users/901597/joe-bowbeer^0|8|F|0|Z|B|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]|$A|14|B|15|1|16]]|C|$]]|$1|D|3|E|5|6|7|17|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|18|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|19|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1A|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1B|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

<p>Complete solution extending from <a href="https://stackoverflow.com/users/1676363/ianhanniballake">ianhanniballake</a>' answer and <a href="https://stackoverflow.com/users/901597/joe-bowbeer">Joe Bowbeer</a>' comment:</p>

<p>/res/values/styles.xml</p>

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

<p>And wherever you use the button:</p>

<pre><code>&lt;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"/&gt;
</code></pre>

<p>That worked really nice for me</p>


blocks|key|4430225|text|Kotlin实现了@meanman上面的答案，调整alpha是到目前为止最简单的方法，我所有的触摸涟漪效果仍然像以前一样工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4430226|import+android.content.Context
import+android.support.v7.widget.AppCompatButton
import+android.util.AttributeSet

class+FadedDisableButton+:+AppCompatButton+{
++++constructor(context:+Context)+:+super(context)
++++constructor(context:+Context,+attrs:+AttributeSet)+:+super(context,+attrs)
++++constructor(context:+Context,+attrs:+AttributeSet,+defStyleAttr:+Int)+:+super(context,+attrs,+defStyleAttr)

++++override+fun+setEnabled(enabled:+Boolean)+{
++++++++alpha+=+when+{
++++++++++++enabled+->+1.0f
++++++++++++else+->+0.5f
++++++++}
++++++++super.setEnabled(enabled)
++++}
}|code-block|syntax|javascript|4430227|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Kotlin implementation of @meanman's answer above, adjusting alpha is by far the simplest way to go and all my touch ripple effects still work as before:</p>

<pre><code>import android.content.Context
import android.support.v7.widget.AppCompatButton
import android.util.AttributeSet

class FadedDisableButton : AppCompatButton {
    constructor(context: Context) : super(context)
    constructor(context: Context, attrs: AttributeSet) : super(context, attrs)
    constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int) : super(context, attrs, defStyleAttr)

    override fun setEnabled(enabled: Boolean) {
        alpha = when {
            enabled -&gt; 1.0f
            else -&gt; 0.5f
        }
        super.setEnabled(enabled)
    }
}
</code></pre>


<p>I use this style to change the background color of my <code>Button</code>:</p>

<pre><code>&lt;style name="AccentButton" parent="Widget.AppCompat.Button.Colored"&gt;
    &lt;item name="colorButtonNormal"&gt;@color/colorAccent&lt;/item&gt;
    &lt;item name="android:textColor"&gt;@color/white&lt;/item&gt;
&lt;/style&gt;
</code></pre>

<p>And in layout:</p>

<pre><code>    &lt;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"/&gt;
</code></pre>

<p>It works. But when I call <code>setEnabled(false)</code> on this <code>Button</code>, it keeps the same color. How can I manage this case?</p>


How do I set the disabled color of a button with AppCompat?

Android

Kotlin

我使用此样式来更改Button的背景色<style name="AccentButton" parent="Widget.AppCompat.Button.Colored">    <item name="colorButtonNormal">@color/colorAccent</item>    <item nam...

问如何使用AppCompat设置按钮的禁用颜色？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用AppCompat设置按钮的禁用颜色？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用AppCompat设置按钮的禁用颜色？
EN