Android自定义CheckBox居中对齐：重叠框隐藏方案求助

嘿，这个问题我之前踩过坑！你遇到的大小方块重叠，本质是因为只调整了CheckBox的宽高，但系统默认的复选框button还在原来的位置显示，和你想要的居中大方块撞在一起了。下面给你两个简单有效的解决办法：

直接替换掉默认的小方块，用自己的图标实现居中大方块，步骤如下：

1. 在res/drawable目录下创建一个复选框状态选择器（比如命名为cb_custom_selector.xml）：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态的图标 -->
    <item android:drawable="@drawable/ic_checkbox_checked" android:state_checked="true"/>
    <!-- 未选中状态的图标 -->
    <item android:drawable="@drawable/ic_checkbox_unchecked" android:state_checked="false"/>
</selector>

这里的ic_checkbox_checked和ic_checkbox_unchecked可以用你自己准备的60dp左右的图标，也可以用系统自带的矢量图调整尺寸。

2. 回到布局文件，修改你的CheckBox属性：

<CheckBox
    android:id="@+id/checkBox_setting"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_alignParentStart="true"
    android:button="@null" <!-- 隐藏系统默认的小方块 -->
    android:background="@drawable/cb_custom_selector" <!-- 应用自定义的大方块样式 -->
    android:gravity="center" /> <!-- 确保图标在控件内居中 -->

如果不想自定义图标，只想放大系统默认的复选框并让它居中，也可以这么做：

1. 同样在res/drawable下创建一个选择器checkbox_scaled_selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <scale 
            android:drawable="@android:drawable/checkbox_on_background"
            android:scaleHeight="1.8"
            android:scaleWidth="1.8"/> <!-- 根据60dp的宽高调整缩放比例，按需微调 -->
    </item>
    <item android:state_checked="false">
        <scale 
            android:drawable="@android:drawable/checkbox_off_background"
            android:scaleHeight="1.8"
            android:scaleWidth="1.8"/>
    </item>
</selector>

2. 布局里修改CheckBox：

<CheckBox
    android:id="@+id/checkBox_setting"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_alignParentStart="true"
    android:text="" <!-- 确保没有多余文本 -->
    android:button="@drawable/checkbox_scaled_selector" <!-- 替换默认button为放大后的样式 -->
    android:gravity="center" /> <!-- 让放大后的复选框居中 -->

• 核心是必须隐藏或替换系统默认的button属性，不然默认小方块会一直显示在原位置导致重叠
• 用android:gravity="center"保证图标在你设置的60dp宽高范围内居中显示

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