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

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

 

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

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

  checkboxselector：

Xml代码  

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代码  

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" />