Android 圆形CheckBox勾选

本文介绍了如何使用Android的style和selector实现圆形的RadioButton样式,以及如何通过drawable和background属性自定义圆形CheckBox的勾选效果。包括RadioButton的点击反馈和CheckBox的尺寸调整、图片居中技巧。附带实战代码和效果图对比。

Android 圆形CheckBox勾选,RadioButton样式

前沿

Android几种方式(style、selector)实现圆形的CheckBox,android checkbox圆形按钮样式,Android简单实现圆形CheckBox,Android CheckBox圆形复选框
这里不重写CheckBox,只是设置xml。

上代码

RadioButton样式
<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/dp_30"
    style="@style/Widget.AppCompat.CompoundButton.RadioButton"/>

主要是style="@style/Widget.AppCompat.CompoundButton.RadioButton"这个配置

CheckBox 自定义勾选

依赖selector实现
首先在drawable中创建xxxxxx.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<!--选中状态-->
    <item android:drawable="@drawable/picture_icon_sel" android:state_checked="true"/>
    <item android:drawable="@drawable/picture_icon_sel" android:state_selected="true"/>
    <item android:drawable="@drawable/picture_icon_sel" android:state_pressed="true"/>
    <!--未选中状态-->
    <item android:drawable="@drawable/picture_wechat_num_oval_normal_a"/>
</selector>

创建CheckBox 设置 background=@drawable/xxxxxx

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/xxxxxx"/>

或者 设置button=@drawable/xxxxxx

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/xxxxxx"/>
说明

1)、RadioButton样式:有点击效果,实现简单,选中状态不是对勾,可改颜色

2)、selector实现,background=@drawable/xxxxxx 没有点击效果,但是可以设置宽高和图片大小,图片居中,增加点击区域,增加点击灵敏度,代码如下:

<CheckBox
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:scaleX="0.5"
    android:scaleY="0.5"
    android:background="@drawable/selector_login_argument"
    android:button="@null" />

3)、selector实现,设置button=@drawable/xxxxxx 有点击效果,可设置宽高不能设置按钮大小,图片不居中,如果想要居中需要重写CheckBox

效果图

左RadioButton样式,右依赖selector实现
在这里插入图片描述
点击效果就不上图片了,还要做GIF, 我懒…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

马志武

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值