Android Checkbox点击后自定义样式丢失问题求助

你的项目依赖Material3库，且Checkbox基于Material3实现，之前用AppCompat主题覆盖的方式会引发样式冲突，导致点击后颜色异常。以下是两种可行的解决方式：

方案1：全局配置（推荐） #

在App的全局主题（父类为Theme.Material3.*）中添加属性，统一设置所有Checkbox的颜色：

<style name="YourAppTheme" parent="Theme.Material3.DayNight.NoActionBar">
    <!-- 复选框选中状态颜色 -->
    <item name="colorPrimary">#FFFF</item>
    <!-- 复选框未选中状态颜色 -->
    <item name="colorOnSurfaceVariant">#FF598392</item>
    <!-- 标签文字颜色 -->
    <item name="android:textColor">#FFFF</item>
</style>

布局中无需额外设置主题，直接使用Checkbox即可：

<CheckBox
    android:id="@+id/search_ingredients_checkbox"
    android:text="@string/search_ingredients"
    android:layout_height="wrap_content"/>
<CheckBox
    android:id="@+id/search_directions_checkbox"
    android:text="@string/search_directions"
    android:layout_height="wrap_content"/>

方案2：单独配置特定Checkbox #

创建继承自Material3 Checkbox基础样式的自定义样式，而非使用AppCompat主题：

<style name="CustomCheckBoxStyle" parent="Widget.Material3.CompoundButton.CheckBox">
    <!-- 选中状态颜色（含勾选图标和边框） -->
    <item name="android:colorControlActivated">#FFFF</item>
    <!-- 未选中状态边框颜色 -->
    <item name="android:colorControlNormal">#FF598392</item>
    <!-- 标签文字颜色 -->
    <item name="android:textColor">#FFFF</item>
    <item name="android:layout_height">wrap_content</item>
</style>

布局中给Checkbox设置style属性（而非android:theme）：

<CheckBox
    style="@style/CustomCheckBoxStyle"
    android:id="@+id/search_ingredients_checkbox"
    android:text="@string/search_ingredients"/>
<CheckBox
    style="@style/CustomCheckBoxStyle"
    android:id="@+id/search_directions_checkbox"
    android:text="@string/search_directions"/>

问题根源 #

之前使用Base.Theme.AppCompat作为Checkbox的主题父类，与项目中的Material3组件样式逻辑冲突，点击后Material3的状态切换逻辑覆盖了AppCompat的颜色配置，导致复选框变为黑色。直接使用Widget.Material3.CompoundButton.CheckBox作为父类时的异常，是因为误将样式当作主题使用，改用style属性配置即可解决尺寸和颜色问题。

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