1、使用两张图片(选中和未选中),创建一个选择器。
2、使用checkbox的 drawableLeft drawableRight 等几个属性把选择器设置进去
3。checkbox的button属性设置为 @null ,去掉原来的图标
4、扩大点击区域。大家都知道在imageview扩大点击区域,只要设置scaleType 为centerInsert 然后把宽高设置大点就ok了。那么在checkbox中怎么弄?
当checkbox为默认图标时,设置宽度,图标会偏左。 设置自定义图标后,宽度扩大后,drawableLeft时偏左 right时偏右。此时设置偏向的那边的padding值就可以了
布局代码:
<CheckBox//布局中用的是鸿洋大神的自适应布局,所以直接设置px android:id="@+id/checkbox" android:layout_toRightOf="@id/image" android:layout_width="80px"//扩大宽度 android:layout_height="100px"//扩大高度 android:paddingRight="20px"//设置右面的padding值,让其往左偏 android:layout_centerVertical="true" android:drawableRight="@drawable/mark_selector"//图片选择器 android:button="@null"//去掉原图标 android:layout_marginLeft="40px" />