解决Android复选框深色模式下出现额外间距的问题

针对深色模式下CheckBox出现额外间距的问题，可以通过以下几种方式解决：

1. 直接设置内边距和外边距 #

在CheckBox的XML代码中显式指定padding和margin为0，覆盖主题默认值：

<CheckBox
    android:id="@+id/cb1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"
    android:padding="0dp"
    android:layout_margin="0dp" />

2. 自定义样式覆盖默认属性 #

如果多个CheckBox都存在此问题，建议创建自定义样式统一处理：

<style name="CompactCheckBox" parent="Widget.MaterialComponents.CheckBox">
    <item name="android:padding">0dp</item>
    <item name="android:minWidth">0dp</item>
    <item name="android:minHeight">0dp</item>
    <!-- 若使用Material组件，可额外设置contentPadding -->
    <item name="app:contentPadding">0dp</item>
</style>

给CheckBox应用该样式：

<CheckBox
    android:id="@+id/cb1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"
    style="@style/CompactCheckBox" />

注意：使用app命名空间需在布局根标签添加xmlns:app="http://schemas.android.com/apk/res-auto"。

3. 替换自定义Drawable #

若默认CheckBox图标在深色模式下自带空白区域，可替换为自定义选择器Drawable，确保深浅模式下图标尺寸一致：

1. 创建drawable/checkbox_selector.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/checkbox_checked" android:state_checked="true" android:state_enabled="true"/>
    <item android:drawable="@drawable/checkbox_unchecked" android:state_enabled="true"/>
    <!-- 可选：添加禁用状态图标 -->
    <item android:drawable="@drawable/checkbox_checked_disabled" android:state_checked="true" android:state_enabled="false"/>
    <item android:drawable="@drawable/checkbox_unchecked_disabled" android:state_enabled="false"/>
</selector>

2. 在CheckBox中设置自定义图标：

<CheckBox
    android:id="@+id/cb1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true"
    android:button="@drawable/checkbox_selector" />

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