使用Widget.Material3.CompoundButton.MaterialSwitch时未选中全紫问题求助

我在使用Material3 Switch时，应用Widget.Material3.CompoundButton.MaterialSwitch样式后出现异常：开关未选中状态下整体变为紫色，但我的主题及所有配置里都没定义过紫色。

• 未选中状态：开关整体呈紫色
• 选中状态：显示正常

我的Switch代码 #

<com.google.android.material.materialswitch.MaterialSwitch xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:checked="true"
    app:showText="false"
    style="@style/Widget.Material3.CompoundButton.MaterialSwitch"
    android:layout_height="wrap_content">

</com.google.android.material.materialswitch.MaterialSwitch>

我的主题配置 #

<resources>
    <!-- Base application theme. -->
    <style name="Theme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/BLUEICE</item>
        <item name="colorAccent">@color/BLUEICE</item>
        <item name="colorPrimaryDark">@color/WHITE</item>
        <item name="android:textColor">@color/BLACK</item>
        <item name="shapeAppearanceCornerMedium">@style/ShapeAppearance.Material3.Corner.None</item>
        <item name="textAppearanceBodyMedium">@style/TextAppearance.Material3.BodyLarge</item>
        <item name="android:fontFamily">@font/ubuntu</item>
    </style>

    <style name="Buttons" parent="Widget.MaterialComponents.Button.OutlinedButton">
        <item name="backgroundTint">@color/WHITE</item>
        <item name="textAllCaps">false</item>
        <item name="iconTint">@color/BLUEICE</item>
        <item name="elevation">20dp</item>
        <item name="strokeColor">@color/BLUEICE</item>
        <item name="cornerRadius">15dp</item>
        <item name="iconGravity">start</item>
        <item name="android:textColor">@color/BLACK</item>
    </style>

    <style name="Materialcardview">
        <item name="strokeWidth">1dp</item>
        <item name="strokeColor">@color/BLUEICE</item>
        <item name="cardBackgroundColor">@color/WHITEDARK</item>
        <item name="cardElevation">0dp</item>
        <item name="colorOutline">@color/BLUEICE</item>
        <item name="cardCornerRadius">10dp</item>
    </style>

    <style name="Bottomnav">
        <item name="itemRippleColor">@android:color/transparent</item>
        <item name="itemTextColor">@color/BLACK</item>
    </style>

</resources>

问题原因及解决方法 #

原因 #

你用的主题父类是Material2的Theme.MaterialComponents.DayNight.NoActionBar，却强行套用了Material3的Switch样式。两者颜色体系不兼容：Material3的Switch依赖colorSurfaceVariant、colorOnSurfaceVariant等Material3专属颜色属性，你的Material2主题没定义这些，系统就会 fallback 到Material3默认的紫色主题色。

解决方法 #

方案1：切换到Material3主题

把主题父类换成Material3的主题，同时补充Material3要求的颜色属性：

<style name="Theme" parent="Theme.Material3.DayNight.NoActionBar">
    <!-- Material3核心颜色配置 -->
    <item name="colorPrimary">@color/BLUEICE</item>
    <item name="colorOnPrimary">@color/WHITE</item>
    <item name="colorSurface">@color/WHITEDARK</item>
    <item name="colorOnSurface">@color/BLACK</item>
    <!-- 未选中开关的轨道/滑块颜色 -->
    <item name="colorSurfaceVariant">@color/你的未选中轨道色</item>
    <item name="colorOnSurfaceVariant">@color/你的未选中滑块色</item>
    
    <!-- 保留原有自定义配置 -->
    <item name="shapeAppearanceCornerMedium">@style/ShapeAppearance.Material3.Corner.None</item>
    <item name="textAppearanceBodyMedium">@style/TextAppearance.Material3.BodyLarge</item>
    <item name="android:fontFamily">@font/ubuntu</item>
</style>

方案2：单独自定义Material3 Switch样式

不想切换主题的话，直接给Switch写个自定义样式，覆盖颜色属性：

<style name="CustomMaterial3Switch" parent="Widget.Material3.CompoundButton.MaterialSwitch">
    <!-- 未选中状态轨道颜色 -->
    <item name="trackColor">@color/你的未选中轨道色</item>
    <!-- 未选中状态滑块颜色 -->
    <item name="thumbColor">@color/你的未选中滑块色</item>
    <!-- 选中状态颜色（可选） -->
    <item name="trackColorChecked">@color/BLUEICE</item>
    <item name="thumbColorChecked">@color/WHITE</item>
</style>

然后在Switch标签里替换样式：style="@style/CustomMaterial3Switch"

方案3：改用Material2的Switch样式

如果不需要Material3的视觉效果，直接用Material2的原生Switch样式：

style="@style/Widget.MaterialComponents.CompoundButton.Switch"

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