编程记录2

实现效果图如下的多选框: 效果图
为了自定义按钮的效果,设置了按钮的背景CheckBox代码如下: 效果图
styles.xml代码如下: 效果图
在4.4系统的效果还不错: 效果图
但是在4.0的系统下却变形了: 效果图
Google得:

在Android 4.2以下版本,如果使用paddingleft 处理checkbox 会遇到选项框和内容重叠的问题
解决方案有:

1
1、推荐方法:

1
2
3
4
5
6
7
8
checkBox.setButtonDrawable(getResources().getDrawable(R.drawable.eg_checkbox));
final float scale = this.getResources().getDisplayMetrics().density;
checkBox.setPadding(checkBox.getPaddingLeft() + (int)(10.0f * scale + 0.5f),
checkBox.getPaddingTop(),
checkBox.getPaddingRight(),
checkBox.getPaddingBottom());
```

或者

2、第二种方法:如果 R.drawable.eg_checkbox不是selector类型(如果是就用推荐方法),直接是图片可以用:

1
2
3
4
5
6
7
8
9
10
11
```java
checkBox1.setButtonDrawable(android.R.color.transparent);// 设置它的button的图片为不可见
checkBox1.setCompoundDrawablesWithIntrinsicBounds(drawable, null, null,null);
final float scale = this.getResources().getDisplayMetrics().density;
int px = (int)(10.0f * scale + 0.5f);
checkBox1.setCompoundDrawablePadding(px);
```
来自:[ Android checkbox padding 兼容问题](http://blog.csdn.net/soldierguard/article/details/22885243)
还有来自[How to: Android – Spacing between CheckBox and text](http://sevennet.org/2014/12/21/how-to-android-spacing-between-checkbox-and-text/)的:

Answer: Android – Spacing between CheckBox and text

Given @DougW response, what I do to manage version is simpler, I add to my checkbox view: android:paddingLeft="@dimen/padding_checkbox" where the dimen is found in two values folders: values <resources> <dimen name="padding_checkbox">25dp</dimen> </resources> values-v17 (4.2 JellyBean) <resources> <dimen name="padding_checkbox">10dp</dimen> </resources> I have a custom check, use the dps to your best choice.

最后使用[How to: Android – Spacing between CheckBox and text](http://sevennet.org/2014/12/21/how-to-android-spacing-between-checkbox-and-text/)的方法: 
####在工程里建一个values-v17  
![解决方案](/img/20150123_checkbox_theme_fix2_code.png)  
在values-v17 建styles.xml,大于4.2的使用paddingLeft=12dip的配置: 
![解决方案](/img/20150123_checkbox_theme_fix3_code.png)  
在values的styles.xml中设置小于4.2的值  paddingLeft=25dip
![解决方案](/img/20150123_checkbox_theme_fix1_code.png) 
解决。