Android material 按钮采用主色而不是强调色

Question

我的布局按钮为 -

<com.google.android.material.button.MaterialButton
  android:id="@+id/save_button"
  style="@style/buttonView"
  android:text="Save"
  app:layout_constraintBottom_toBottomOf="parent"
  app:layout_constraintStart_toStartOf="parent" />

在我的 styles.xml 中，我有 -

<style name="buttonView" parent="Theme.MyTheme">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_marginStart">16dp</item>
        <item name="android:layout_marginLeft">16dp</item>
        <item name="android:layout_marginTop">16dp</item>
        <item name="android:layout_marginEnd">16dp</item>
        <item name="android:layout_marginRight">16dp</item>
    </style>

在我的 themes.xml 中，我有 -

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.MyTheme" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="android:textColorPrimary">@color/black</item>
        <item name="colorPrimaryVariant">@color/purple_700</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!--- Accent color. -->
        <item name="colorAccent">@color/red</item>
        <!-- Status bar color. -->
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant
        </item>
        <!-- Customize your theme here. -->
    </style>
</resources>

根据 Android 文档，所有 UI 元素（例如 FAB、textview、编辑文本、按钮）都采用了颜色强调。所以我希望我的按钮默认采用 colorAccent 但为什么它采用 colorPrimary。我做错了什么吗？

Answer 1

您可以检查official doc。

填充的按钮有 backgroundTint 基于 colorPrimary.
同样在您的 buttonView 样式中，您应该扩展其中一种提供的样式：

Default style           Widget.MaterialComponents.Button
Icon style              Widget.MaterialComponents.Button.Icon
Unelevated style.       Widget.MaterialComponents.Button.UnelevatedButton
Unelevated icon style   Widget.MaterialComponents.Button.UnelevatedButton.Icon

示例：

<style name="buttonView" parent="Widget.MaterialComponents.Button">

</style>

如果您想更改背景颜色，您可以：

在自定义样式中使用 backgroundTint 属性
使用 materialThemeOverlay（最佳解决方案）
覆盖自定义样式中的 colorPrimary 属性

示例：

<style name="buttonView"parent="Widget.MaterialComponents.Button">
   <item name="materialThemeOverlay">@style/CustomButtonThemeOverlay</item>
</style>

<style name="CustomButtonThemeOverlay">
  <item name="colorPrimary">@color/...</item>
</style>

Answer 2

就我而言，将 android studio 更新到 4.1 版时会出现此问题。按钮背景颜色，默认情况下始终使用原色 purple_500。你的代码没有问题。我将 backgroundTint 属性设置为 null，并将 background 属性设置为最喜欢的颜色，或者只是将 backgroundTint 设置为最喜欢的颜色。

Android material 按钮采用主色而不是强调色

Android material button taking color primary instead of color accent

android

android-button

kotlin

android-styles

material-components-android