Android开发中checkBox自定义样式

最新推荐文章于 2026-04-01 02:19:14 发布

原创最新推荐文章于 2026-04-01 02:19:14 发布 · 1.3w 阅读

22 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android

Android studio 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了如何在Android开发中创建不同样式的CheckBox。从默认的方形框到圆形框的转换，再到自定义复杂的背景样式，通过XML drawable和设置属性实现。详细步骤包括创建selector资源文件，定义不同状态下的图标，并在布局文件中应用。对于追求个性化界面的开发者来说，这是一个实用的教程。

一. 默认样式（方形框）

在这里插入图片描述

     <CheckBox
            android:id="@+id/ft_cb"
            android:layout_marginRight="10dp"
            android:layout_width="25dp"
            android:layout_height="25dp" />

二.圆形框

在开发过程中，使用圆形框的需求比较多，所以下面改为圆形的checkBox，就只需把style改为 style="@style/Widget.AppCompat.CompoundButton.RadioButton"
在这里插入图片描述

 <CheckBox
            android:id="@+id/ft_cb"
            style="@style/Widget.AppCompat.CompoundButton.RadioButton"
            android:layout_marginRight="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

三.自定义样式

如果想要弄出更好看的页面，显然上面的样式是不满足要求的，所以需要我们去自定义样式，有两种方法
在这里插入图片描述

1. 使用background来设置

1 .1 定义drawable样式文件（check_style.xml)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
     <!--    选中状态-->
    <item android:drawable="@drawable/selected" android:state_checked="true"/>
      <!--    不选中状态-->
    <item android:drawable="@drawable/selected_false" android:state_checked="false"/>
    <item android:drawable="@drawable/selected" android:state_pressed="true"/>
    <!--    默认状态-->
    <item android:drawable="@drawable/selected_false"/>
</selector>

1.2. 在xml文件中配置

     <CheckBox
            android:id="@+id/ft_cb"
            android:background="@drawable/check_style"
            android:button="@null"
            android:layout_marginRight="10dp"
            android:layout_width="25dp"
            android:layout_height="25dp" />

这种方法，直接设置的是background属性，然后，把button属性设置为@null