Android 解决自定义 CheckBox 样式时的背景显示异常问题

最新推荐文章于 2025-06-23 16:54:05 发布

liuwan1992

最新推荐文章于 2025-06-23 16:54:05 发布

阅读量3.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Android 日常填坑

本文链接：https://blog.youkuaiyun.com/liuwan1992/article/details/80815226

Android 日常填坑专栏收录该内容

5 篇文章

订阅专栏

本文介绍了解决CheckBox在不同状态下的显示问题的方法。通过使用android:drawableLeft属性并结合android:background=@null和android:button=@null，可以有效解决在不同Android版本中CheckBox显示异常的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先创建自定义样式文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/public_checkbox_select" android:state_checked="true" />
    <item android:drawable="@drawable/public_checkbox_normal" />
</selector>

通过 CheckBox 的 android:button 属性设置样式时，在低版本设备上，原始的 CheckBox 背景仍会占据空间，导致 CheckBox 占据的空间比按钮图片大。如果设置 android:background="@null" 去除原始背景，又会导致 CheckBox 长宽为零不展示。
考虑直接用 android:background 属性设置样式，并设置 android:button="@null"。结果显示的按钮图片被拉伸。

研究 api 发现另一种途径，使用 android:drawableLeft 属性设置样式，并设置 android:background="@null" 和 android:button="@null"，最终解决问题。xml 文件如下：

<CheckBox
    android:id="@+id/checkbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@null"
    android:button="@null"
    android:checked="true"
    android:drawableLeft="@drawable/checkbox_selector" />