checkbox样式自定义

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

 

posted @ 2016-07-28 16:16  epmouse  阅读(1187)  评论(0编辑  收藏  举报