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

原创 2016年06月02日 09:49:38


先定定义一个selector

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/group_selected" android:state_checked="true"/>
    <item android:drawable="@drawable/group_unselected" android:state_checked="false"/>
    <item android:drawable="@drawable/group_unselected"/>
</selector>

在定义一个style

 
    <style name="CustomCheckboxTheme" parent="@android:style/Widget.CompoundButton.CheckBox">
        <item name="android:button">@drawable/selector_group</item>
    </style>

引用即可

 <CheckBox
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:clickable="false"
        android:layout_gravity="center_horizontal"
        android:textSize="20sp"
        android:text="im chinese"
        android:id="@+id/cb_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="@style/CustomCheckboxTheme" />


自定义样式的复选框样式基本完成,在使用时发现复选框比较大,看起来比较丑,可通过scaleX 与scaleY 来完成,如下。

 <CheckBox
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:clickable="false"
        android:layout_gravity="center_horizontal"
        android:textSize="30sp"
        android:text="test"
        android:scaleX="0.8"
        android:scaleY="0.8"
        android:id="@+id/cb_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="@style/CustomCheckboxTheme" />

效果图 如下:

版权声明:本文为博主原创文章,未经博主允许不得转载。

input checkbox 复选框大小修改

有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框,网上搜了很多,都没有直接的解决方法, 一种是采用div 扩大点击范围或者是采用图片替代。 直到看到下面一篇介绍,使用了...

微信小程序学习(11)-checkbox控件和label标签

checkbox控件 复选框控件,实现多重选择功能。通过checkbox-group标签,包裹所以checkbox标签来实现,中间可以嵌入其他控件。 1.控件属性 注意:disabled...

微信小程序例子——checkbox的使用

目标:   写一个checkbox   1.第一步:wxss里定义要写的东西(名字叫 checkbox)          2.第二步:在 js文件中定义内容,这里要定义的是个数组 第三部步,在wx...

自定义复选框checkbox样式

复选框作为网页中比较常见的一个组件,有的时候我们需要对它进行美化,但是我们无法直接为其定义样式,所以我们需要一些其它的办法。表单元素中有label 元素和 for属性,当我们点击label 标签时,对...

样式化复选框(Styling Checkbox)

复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样: 这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式。以...

自定义checkbox大小(注:用CSS的ZOOM属性 )

Android版本:如何更改复选框的大小?

Android版本:如何更改复选框的大小?   安卓android 复选框checkbox 我想提出的CheckBox有点小/大了,我该怎么办呢? 本文地址 :CodeGo.net/120...

input checkbox 复选框大小修改

有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框,网上搜了很多,都没有直接的解决方法, 一种是采用div 扩大点击范围或者是采用图片替代。 直到看到下面一篇介绍,使用了...

微信小程序教程——使用checkbox显示多项选择框

微信小程序教程——使用checkbox显示多项选择框

微信小程序把玩(十五)checkbox组件

不得不吐糟下checkbox默认样式真是有点略丑!!!checkbox组件为一个多选框被放到checkbox-group组中,并在checkbox-group(只能包含checkbox)中设置监听事件...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自定义checkbox 复选框的样式以及控制 checkbox 复选框的大小
举报原因:
原因补充:

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