android中自定义checkbox大小和图片

android中自定义checkbox大小和图片

在编程过程中使用android自带的checkbox显示过大，在网上找了很多文章，终于使用自定义的checkbox使显示更加美观。



网上说：这个控件其实就是个TextView加了个图片，你只要做两张png的图片，在darwable中用xml定义好点击事件，再在你的控件上把这个当背景引进来就可以了。但是这样做了以后显示效果还是不佳。说说我的做法吧：

1、找两张图片http://findicons.com/search/checkbox#  分别为选中和没选中的。命名为checkbox和checkbox_empty

2、在drawable中创建文件checkbox_selector.xml：


[c-sharp] view plaincopyprint?
01.<?xml version="1.0" encoding="utf-8"?> 
02.<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
03.    <item android:state_checked="true"  
04.        android:drawable="@drawable/checkbox" /><!--选中时效果--> 
05.    <item android:state_checked="false"  
06.        android:drawable="@drawable/checkbox_empty" /><!--未选中时效果--> 
07.  <!-- 修改成你自己的图片就可以了 --> 
08.</selector> 
[c-sharp] view plaincopyprint?
01.<?xml version="1.0" encoding="utf-8"?> 
02.<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
03.    <item android:state_checked="true"  
04.        android:drawable="@drawable/checkbox" /><!--选中时效果--> 
05.    <item android:state_checked="false"  
06.        android:drawable="@drawable/checkbox_empty" /><!--未选中时效果--> 
07.  <!-- 修改成你自己的图片就可以了 --> 
08.</selector> 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true"
  android:drawable="@drawable/checkbox" /><!--选中时效果-->
<item android:state_checked="false"
android:drawable="@drawable/checkbox_empty" /><!--未选中时效果-->
  <!-- 修改成你自己的图片就可以了 -->
</selector> 



注意：这里的状态是android:state_checked

3、在values中创建styles.xml：


<?xml version="1.0" encoding="utf-8"?>

<resources>

   <style name="MyCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">

   <item name="android:button">@drawable/checkbox_selector</item>

   <item name="android:paddingLeft">25.0dip</item>

   <item name="android:maxHeight">10.0dip</item>

   </style>

</resources>


4、在你的CheckBox中添加属性：


[c-sharp] view plaincopyprint?
01.<CheckBox 
02.  android:layout_width="wrap_content" 
03.  android:layout_height="wrap_content" 
04.  style="@style/MyCheckBox" 
05.  /> 
[c-sharp] view plaincopyprint?
01.<CheckBox 
02.  android:layout_width="wrap_content" 
03.  android:layout_height="wrap_content" 
04.  style="@style/MyCheckBox" 
05.  /> 


转自：http://blog.csdn.net/competerh_programing/article/details/7417074