checkbox 设定文字和选框之间的距离及自定义样式

矫情吗；* 2022-08-05 02:47 186阅读 0赞

改变checkbox默认的文字与选框之间的距离两种方案，刚刚开始接触checkbox 的时候由于不熟悉控件，使用了组合控件：一个未设定text的CheckBox和一个TextView来达到目的。后来发现只需要设定CheckBox的android:paddinLeft的值即可，没有看源码，不清楚问什么CheckBox的这个属性代表的意义为什么和其他widget不一样，问题是解决了。

在开发过程中经常遇到的问题是，不同厂商的checkbox控件的UI不同，导致开发出的产品在UI上有些区别，尤其是一些厂商的UI做得比较丑，这时候我们可以使用自定义Checkbox来达到我们想要的UI。

只需要在drawable文件下设定一个xml即可：

checkboxselector：

Xml代码   ![收藏代码][icon_star.png]

1.  **<?****xml** version="1.0" encoding="UTF-8"**?>**  
2.  **<****selector**  
3.    xmlns:android="http://schemas.android.com/apk/res/android"**>**  
4.      **<****item** android:state\_window\_focused="false" android:state\_enabled="true" android:state\_checked="true" android:drawable="@drawable/btn\_check\_on" **/>**  
5.      **<****item** android:state\_window\_focused="false" android:state\_enabled="true" android:state\_checked="false" android:drawable="@drawable/btn\_check\_off" **/>**  
6.      **<****item** android:state\_enabled="true" android:state\_checked="true" android:state\_pressed="true" android:drawable="@drawable/btn\_check\_on\_pressed" **/>**  
7.      **<****item** android:state\_enabled="true" android:state\_checked="false" android:state\_pressed="true" android:drawable="@drawable/btn\_check\_off\_pressed" **/>**  
8.      **<****item** android:state\_focused="true" android:state\_enabled="true" android:state\_checked="true" android:drawable="@drawable/btn\_check\_on\_selected" **/>**  
9.      **<****item** android:state\_focused="true" android:state\_enabled="true" android:state\_checked="false" android:drawable="@drawable/btn\_check\_off\_selected" **/>**  
10.     **<****item** android:state\_enabled="true" android:state\_checked="false" android:drawable="@drawable/btn\_check\_off" **/>**  
11.     **<****item** android:state\_enabled="true" android:state\_checked="true" android:drawable="@drawable/btn\_check\_on" **/>**  
12. **</****selector****>**

在需要使用的CheckBox控件下使用android:button属性：

Xml代码   ![收藏代码][icon_star.png]

1.  **<****CheckBox**  
2.      android:id="@+id/btn\_check"  
3.      android:button="@drawable/checkboxselector"  
4.      android:layout\_width="wrap\_content"  
5.      android:text="测试一下"  
6.      android:paddingLeft="30.0dp"  
7.      android:layout\_height="wrap\_content" **/>**

[icon_star.png]: /images/20220805/81f082e76fd649e796a23a451fe063d9.png