如何实现复选框功能


我们在上一章回中介绍了DatePickerDialog Widget相关的内容,本章回中将介绍Checkbox Widget.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在这里说的Checkbox也是叫复选框,没有选中时是一个正方形边框,边框内容是空白的,选中时会在边框中显示一个白色对号,对号周围用深色来填充。它主要用来表示某项内容是否被选中,而且可以同时选中多项内容。Flutter把复选框封装成了独立的组件,使用Checkbox类来表示该组件,本章回中将详细介绍它的使用的方法。

2. 使用方法

和其它Widget一样,Chexkbox组件也提供了相关的属性来操作自己,下面是一些常用的属性,掌握这些属性的用法后就可以熟练地使用Checkbox组件了:

  • checkColor属性:用来控制被选中后对号的颜色,默认是白色;
  • activeColor属性:用来控制被选中后对号周围的填充颜色,默认是蓝色;
  • shape属性:用来控制没有选中时边框的形状,默认是正方形;
  • side属性:用来制没有选中时边框的颜色和粗细,默认是灰色;
  • value属性:它是一个布尔类型的值,用来控制复选框是否被选中;
  • onChanged属性:它是方法类型,点击复选框时会回此方法,此方法的参数值和value属性值相同;
    最后有些注意事项需要单独说明:可以在shape属性中设置边框粗细和颜色,但是没有效果,需要配置side属性才能修改边框粗细和颜色;value属性为true时表示复选
    框被选中,此时会在方框中显示一个对号,反之表示复选框没有被选中,不会显示对号。value属性和onChanged属性经常配合使用,在onChanged方法中修改val
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

talk_8

真诚赞赏,手有余香

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

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

打赏作者

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

抵扣说明:

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

余额充值