如果我的apptheme的原色是白色，如何改变materialbutton的textcolor？

Question

我已经将我的AppTheme的colorprimary设置为白色，但是当使用带有轮廓样式的Material按钮时，文本颜色显示为白色。

在我的styles.xml中有什么可以做的吗？

style.xml文件

 <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">

    <item name="colorPrimary">@color/foopprimary_500</item>
    <item name="colorPrimaryDark">@color/foopprimary_900</item>
    <item name="colorAccent">@color/foopsecondary_500</item>
    <item name="android:windowBackground">@android:color/white</item>
    <item name="fontFamily">@string/default_font</item>
    <item name="colorOnPrimary">@color/foopsecondary_500</item>
    <item name="colorSecondary">@color/foopsecondary_500</item>
    <item name="colorOnSecondary">@color/foopprimary_500</item>
    <item name="android:textColorPrimaryInverse">@color/foopsecondary_500</item>
</style>

<resources xmlns:tools="http://schemas.android.com/tools">

<color name="foopprimary_50">#ffffff</color>
<color name="foopprimary_500">#ffffff</color>
<color name="foopprimary_900">#ffffff</color>
<color name="foopprimary_A400">#ffffff</color>
<color name="foopsecondary_300">#ff824d</color>
<color name="foopsecondary_500">#ff4d00</color>
<color name="foopsecondary_900">#ff2500</color>
<color name="foopsecondary_A100">#ffffff</color>
<color name="fooptextprimary_50">#e4e4e4</color>
<color name="fooptextprimary_100">#bcbcbc</color>
<color name="fooptextprimary_200">#909090</color>
<color name="fooptextprimary_300">#646464</color>
<color name="fooptextprimary_400">#424242</color>
<color name="fooptextprimary_500">#212121</color>
<color name="fooptextprimary_900">#0b0b0b</color>
<color name="fooptextprimary_A400">#ec0000</color>
</resources>

<com.google.android.material.button.MaterialButton
    style="@style/Widget.MaterialComponents.Button.OutlinedButton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="left|center_vertical"
    android:text="@string/promote"
    android:textAllCaps="true"
    android:visibility="gone" />

输出如下所示

Answer 1

您可以覆盖MaterialButton中的原色：

<com.google.android.material.button.MaterialButton
    style="@style/Widget.MaterialComponents.Button.OutlinedButton"
    android:theme="@style/ThemeOverlay.Primary"
    ../>

与：

<style name="ThemeOverlay.Primary" parent="">
    <item name="colorPrimary">@color/....</item>
</style>

也可以使用以下方法定义自定义样式：

<com.google.android.material.button.MaterialButton
    style="@style/Widget.App.Button.OutlinedButton"
    android:layout_width="wrap_content"
    .. />

<style name="Widget.App.Button.OutlinedButton" parent="@style/Widget.MaterialComponents.Button.OutlinedButton">
    <item name="materialThemeOverlay">@style/ThemeOverlay.Primary</item>
</style>