自定义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" />

效果图 如下:

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

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

目标:   写一个checkbox   1.第一步:wxss里定义要写的东西(名字叫 checkbox)          2.第二步:在 js文件中定义内容,这里要定义的是个数组 第三部步,在wx...
  • qq_35224673
  • qq_35224673
  • 2016年11月02日 17:05
  • 7225

自定义复选框checkbox样式

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

如何改变默认的checkbox样式

我们在项目中使用到input标签的checkbox的时候,它的默认样式通常无法满足项目需求,主要是它显得有点小而丑。将它根据项目的需求进行改造就是我们要做的事情了,下面讲两种常用的做法。1.使用背景图...
  • github_37772805
  • github_37772805
  • 2017年07月07日 22:13
  • 6558

微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义

场景:商城购物车 复选框 效果:仿天猫购物车的UI 复选按钮(checkbox)修改及使用如下 .wxml: checkbox-group bindchange="checkboxC...
  • abs1004
  • abs1004
  • 2017年12月28日 15:21
  • 1163

input checkbox 复选框大小修改

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

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

Android版本:如何更改复选框的大小?   安卓android 复选框checkbox 我想提出的CheckBox有点小/大了,我该怎么办呢? 本文地址 :CodeGo.net/120...
  • llixiangjian
  • llixiangjian
  • 2016年10月22日 00:24
  • 2915

android设置修改CheckBox框大小、颜色的两种方法

注:关键点在于设置 android:button="@null" 以及 drawable.setBounds(0,0,40,40);checkBox.setCompoundDrawables(dra...
  • longyin88
  • longyin88
  • 2016年11月02日 15:02
  • 15201

android调整checkbox的大小

当你使用checkBox的时候,设置layout_width和layout_height为wrap_content的时候发现他还是很大,应该怎么办 ...
  • lintcgirl
  • lintcgirl
  • 2015年09月09日 10:29
  • 2109

android设置修改CheckBox框大小、颜色的两种方法

首先:大小由Java代码来设置;颜色由图片来决定; 注意:如果有人的checkbox太大或太小,应该是选择的drawable文件夹不对,我这个是大尺寸的,放在了drawable-xxhdpi下。如果...
  • qq_26420489
  • qq_26420489
  • 2017年02月13日 10:12
  • 4981

Android 设置CheckBox的大小

  • suwenlai
  • suwenlai
  • 2017年05月09日 09:52
  • 416
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自定义checkbox 复选框的样式以及控制 checkbox 复选框的大小
举报原因:
原因补充:

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