checkbox样式自定义
2016-07-28 16:16
330 查看
1、使用两张图片(选中和未选中),创建一个选择器。
2、使用checkbox的 drawableLeft drawableRight 等几个属性把选择器设置进去
3。checkbox的button属性设置为 @null ,去掉原来的图标
4、扩大点击区域。大家都知道在imageview扩大点击区域,只要设置scaleType 为centerInsert 然后把宽高设置大点就ok了。那么在checkbox中怎么弄?
当checkbox为默认图标时,设置宽度,图标会偏左。 设置自定义图标后,宽度扩大后,drawableLeft时偏左 right时偏右。此时设置偏向的那边的padding值就可以了
布局代码:
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" />
相关文章推荐
- HTML篇之CSS样式——CSS水平垂直居中对齐(多种方式)
- css sprites
- 今天发现了css中的一个顺序问题
- HTML学习05-HTML样式(CSS)
- CSS3基础入门学习: 背景制作实例!
- html a链接样式
- WPF样式动画Trigger.EnterActions和Trigger.ExitActions(ExitActions其实可以不做任何事情)
- css-background属性
- HTML篇之CSS样式:<button></button>按钮变成超链接<a></a>的样式
- css中position:fixed;
- css中使用!important优先级最高问题
- CSS3中transform几个属性值的注意点
- 用CSS伪元素实现自适应布局表格
- 一个非常有意思的css3属性filter
- HTML+CSS基础课程(三)
- DIV+CSS如何让文字垂直居中
- 织梦cms生成的文章页没有css样式的解决办法
- 修改织梦cms文章页关键词内链显示样式
- CSS动画 animation与transition
- CSS学习笔记--基础(一)