Kotlin导航栏使用Material Badge致自定义按钮样式丢失求助

切换到Material Components主题后，系统会自动将所有<Button>控件替换为MaterialButton。而MaterialButton默认使用自身的样式系统（依赖backgroundTint、shapeAppearance等属性），直接设置android:background会被组件内部的默认背景逻辑覆盖，导致自定义shape失效。

提供两种可行方案，根据你的需求选择：

方案1：保留原生Button，让background属性生效 #

在应用主题中覆盖默认的buttonStyle，指定使用AppCompat的Button样式，这样<Button>就不会被替换为MaterialButton，自定义background就能正常工作：

1. 在res/values/styles.xml中添加自定义Button样式：

<style name="CustomAppCompatButton" parent="Widget.AppCompat.Button">
    <!-- 无需额外设置，保持AppCompat按钮的基础行为即可 -->
</style>

2. 修改你的MaterialComponents主题，添加buttonStyle配置：

<style name="Theme.MaterialComponents.DayNight.NoActionBar" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- 其他主题配置 -->
    <item name="buttonStyle">@style/CustomAppCompatButton</item>
</style>

方案2：改用MaterialButton，适配其样式规则 #

如果想继续使用Material Components的特性（比如Badge），建议直接改用MaterialButton，通过它的专属属性实现自定义样式：

1. 复用已有shape布局的快速方案：
   在MaterialButton中添加以下属性，关闭默认背景着色逻辑，让自定义shape生效：

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/your_custom_shape"
    app:backgroundTint="@null"
    app:strokeWidth="0dp" <!-- 若shape已包含描边，设为0避免重复 -->
    app:cornerRadius="0dp" <!-- 若shape已包含圆角，设为0避免冲突 -->
    ... />

2. 原生属性构建样式的推荐方案：

• 创建渐变颜色状态列表（res/color/button_gradient.xml）：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <gradient
                android:type="radial"
                android:centerX="0.5"
                android:centerY="0.5"
                android:gradientRadius="100dp"
                android:startColor="#FF6B81" <!-- 替换为你的按下状态起始色 -->
                android:endColor="#FF3D5A" /> <!-- 替换为你的按下状态结束色 -->
            <stroke android:width="2dp" android:color="#FFFFFF" />
            <corners android:radius="16dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <gradient
                android:type="radial"
                android:centerX="0.5"
                android:centerY="0.5"
                android:gradientRadius="100dp"
                android:startColor="#FF8FA3" <!-- 替换为你的正常状态起始色 -->
                android:endColor="#FF5C75" /> <!-- 替换为你的正常状态结束色 -->
            <stroke android:width="2dp" android:color="#FFFFFF" />
            <corners android:radius="16dp" />
        </shape>
    </item>
</selector>

• 在布局中使用MaterialButton：

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:backgroundTint="@color/button_gradient"
    app:strokeColor="#FFFFFF"
    app:strokeWidth="2dp"
    app:cornerRadius="16dp"
    app:rippleColor="#80FFFFFF" <!-- 设置点击波纹颜色 -->
    android:text="按钮文本" />

内容的提问来源于stack exchange，提问作者Monrac