如何自定义CheckBox多选框的样式

原创 2016年08月31日 09:11:48

安卓自带的CheckBox有时候不能满足项目需求,这时候就需要自己定制一套样式出来。具体实现方法如下:

第一:首先需要找几张自己想要定义成的图片:
这里写图片描述 这里写图片描述
这里写图片描述 这里写图片描述

把上面的图片放到drawable-xhdpi或者mipmap目录下。

第二:在res目录下面创建drawable文件夹,drawable下面创建xml文件checkbox_selector.xml代码如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="false"
        android:state_pressed="true"
        android:drawable="@drawable/grid_check_off_press"></item>
    <item android:state_checked="false"
        android:drawable="@drawable/grid_check_off"></item>
    <item android:state_checked="true"
        android:state_pressed="true"
        android:drawable="@drawable/grid_check_on_press" />
    <item android:state_checked="true"
        android:drawable="@drawable/grid_check_on"></item>

</selector>

到这里工作已经完成1/2了。

第三:在stytle文件中新建样式:

<style name="mycheckbox" parent="@android:style/Widget.CompoundButton.CheckBox">
        <item name="android:button">@drawable/checkbox_selectors</item>
        <item name="android:paddingLeft">10.0dip</item>
        <item name="android:height">35.0dip</item>
</style>

第四:在布局中使用就好啦,引入stytle样式。

<CheckBox
        android:id="@+id/checkBox1"
        style="@style/mycheckbox"
        android:layout_width="wrap_content"
        android:layout_height="35dp"
        android:layout_alignLeft="@+id/tv"
        android:layout_below="@+id/tv"
        android:layout_marginTop="84dp"
        android:text="自定义样式" />

点此下载源码

相关文章推荐

漂亮的checkbox样式 (多选框)

说起来汗颜,如此常用的checkbox我改变样式,居然需要百度,而且百度很久,更可气的是百度很久找不到可行的解决方案。 后来在csscheckbox.com上找到很多样式,结果一测兼容性IE不行。如此...

CSS 实现自定义样式的单选框与多选框

前端在开发的过程中,经常会遇见使用单选框以及多选框的情况,但是默认的选框按钮的样式单一,一般我们需要去自定义一些选框按钮的样式; 通常情况下,单选、多选为方便自定义样式,一般会采用input+l...

Extjs5实现带复选框的多选下拉选,复选框用extjs提供的checkbox样式

因为网上现有的代码只是实现了复选框效果,在我把窗口关闭后,再打开,复选框还保留着上次的选中状态,因为有这个bug,所以自己把网上的代码给改进了下,加入了未选中事件和用extjs的样式,先上效果图 看...

自定义checkbox 复选框的样式以及控制 checkbox 复选框的大小

先定定义一个selector 在定义一个style @drawable/selector_group 引用即可 ...
  • cyooke
  • cyooke
  • 2016年06月02日 09:49
  • 2099

自定义jsp标签实现复选框跨页多选

一、自定义jsp标签实现步骤简述    1.继承SimpleTagSupport或BodyTagSupport类,自定义属性并添加get,set方法(类属性会自动映射到自定义标签属性),重写父类方法。...
  • lxhjava
  • lxhjava
  • 2017年03月19日 14:39
  • 913

CSS3自定义Checkbox复选框

CSS3漂亮的自定义Checkbox复选框   html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquot...

多选框checkbox

  • 2015年04月21日 15:51
  • 1.3MB
  • 下载

带CheckBox的下拉多选框

  • 2009年02月11日 17:45
  • 2KB
  • 下载

bootstrap-table自定义复选框列的样式

为了满足项目需求,需要修改bootstrap-table的复选框的默认样式,起初想着尽量不改动他的源码,尽管最后样式能满足需求,但是会功能上出现各种问题。没办法,还是觉得改动源码。网上有很多修改复选框...
  • mht1829
  • mht1829
  • 2017年06月02日 23:37
  • 1878
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何自定义CheckBox多选框的样式
举报原因:
原因补充:

(最多只允许输入30个字)