CheckBox选择框和文字设置间距

由于界面美观度的需求，需要自定义CheckBox的选择框。

传统的方法是先定义一个CheckBox的自定义style，如下：

</pre><pre name="code" class="html"> <span style="font-size:14px;"><style name="CustomCheckboxTheme" parent="@android:style/Widget.CompoundButton.CheckBox">
        <item name="android:button">@drawable/checkbox_selector</item>
 </style></span>

style中使用的checkbox_selector.xml

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/checkbox_unselected" android:state_selected="false"/>
    <item android:drawable="@drawable/checkbox_selected" android:state_selected="true"/>
    <item android:drawable="@drawable/checkbox_unselected"/>
</selector></span>

最后在布局文件中使用style属性加上效果，就基本实现了自定义的选择框。

<CheckBox 
        android:textSize="17.0sp"   
        android:id="@+id/custom_checkbox"  
        android:text="测试"  
        android:layout_weight="1"   
        style="@style/CustomCheckboxTheme"/>

但是，以上实现的效果有个问题：checkbox自带的文字和选择框紧紧靠在一起，往往有时候界面需求是要一定的间隔的。

解决方法如下：

 <CheckBox
       android:id="@+id/hasHouse"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="12dp"
       android:background="@null"
       android:button="@null"
       android:clickable="true"
       android:drawableLeft="@drawable/checkbox_selector"
       android:drawablePadding="8dp"
       android:text="测试"
       android:textColor="@color/register_input"
       android:textSize="16sp" />

大概的思路是运用checkbox的drawableLeft和drawablepadding两个属性搭配实现效果，当然，这里的button和background属性得注意隐藏。

以上方法对于radiobutton同样有效。