flutter控件之CheckBox
import 'package:flutter/material.dart';
class LearnCheckBox extends StatefulWidget{
@override
State<StatefulWidget> createState() {
return new _LearnCheckBox();
}
}
class _LearnCheckBox extends State<LearnCheckBox>{
bool isCheck=false;
List<bool> isChecks=[false,false];
@override
Widget build(BuildContext context) {
return new Scaffold(
body:new Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
new Center(
child: new Checkbox(
value: isCheck,
activeColor: Colors.red,
onChanged: (bool){
setState(() {
isCheck=bool;
});
},
),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,//控制亲和度 leading按钮显示在文字前面 trailing按钮显示在文字的后面 platform显示样式根据手机当前平台默认显示
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isCheck,
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isCheck=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isChecks[],
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isChecks[]=bool;
});
}),
),
new Center(
child: new CheckboxListTile(
value: isChecks[],
title: new Text('张晓'),
controlAffinity: ListTileControlAffinity.platform,
onChanged: (bool){
setState(() {
isChecks[]=bool;
});
}),
)
],
)
);
}
}
flutter控件之CheckBox的更多相关文章
- Android控件之CheckBox(复选框控件)
一.有两种状态: 选中状态(true).未选中状态(false) 二.属性 android:id = "@+id/checkbox" android:layout_width=&q ...
- 实现DataGridView控件中CheckBox列的使用
最近做WindowsForms程序,使用DataGridView控件时,加了一列做选择用,发现CheckBox不能选中.搜索后,要实现DataGridView的CellContentClick事件,将 ...
- WinForm 遍历用户控件里CheckBox
1.常用调用方法 public partial class UCRights : UserControl { private readonly int LOCATIONY; private DataT ...
- Winform开发常用控件之Checkbox和CheckedListBox
Winform的开发基本都是基于控件事件的,也就是事件驱动型的. 多选框的放置和值的获取有很多种,这里介绍几个简单常用的方法 1.直接放置Checkbox,并获取Checkbox的值 上图 做法也非常 ...
- TreeView控件的CheckBox级联选中或取消
背景: 在一个项目开发中遇到这样的要求:当选中树中一个节点时,需要同时选中其父节点,直至根节点.在取消一个节点的选中时,需要将其所有子节点取消选中,直至叶子节点.由于项目用户体验暂时可以不用考虑,直接 ...
- 安卓开发_复选按钮控件(CheckBox)的简单使用
复选按钮 即可以选择若干个选项,与单选按钮不同的是,复选按钮的图标是方块,单选按钮是圆圈 复选按钮用CheckBox表示,CheckBox是Button的子类,支持使用Button的所有属性 一.由于 ...
- GridView控件中Checkbox实现单选
在GridView控件中,第0列有放一个CheckBox控件,现想实现对CheckBox进行单选. 先看看效果: 在ASPX页面,可以这样做: 有一点注意的是需要使用OnRowCreated事件. 在 ...
- flutter控件之ListView滚动布局
ListView即滚动列表控件,能将子控件组成可滚动的列表.当你需要排列的子控件超出容器大小,就需要用到滚动块. import 'package:flutter/material.dart'; cla ...
- Flutter 控件之 AppBar 和 SliverAppBar
AppBar 和 SliverAppBar 是纸墨设计中的 App Bar,也就是 Android 中的 Toolbar,关于 Toolbar 的设计指南请参考纸墨设计中 Toolbar 的内容. A ...
随机推荐
- 【8】JMicro微服务-JMicro ZKUI
ZKUI是一个开源项目,是一个查看,修改ZK数据非常方便的工具.JMicro基于ZK做服务治理,配置管理,因此使用ZKUI会提供非常大的方便. Github地址:https://github.com/ ...
- DIV居中的几种方法
1. body{ text-align:center; } 缺点:body内所有内容一并居中 2. .center{ position: fixed; left: 50%; } 缺点:需要设置posi ...
- js集合set类的实现
js集合set类的实现 /*js集合set类的实现*/ function Set() { this.dataStore = []; this.add = add;//新增元素 this.remove ...
- Android Touch事件派发流程源码分析
分native侧事件派发到java侧和Framework派发事件到UI,流程看源码即可,此处不赘叙, Native侧派发事件的干活类图如下:
- python中range、xrange和randrange的区别
range 函数说明:range([start,] stop[, step]),根据start与stop指定的范围以及step设定的步长,生成一个列表. xrange 函数说明:和range 的用法完 ...
- Postman安装及简介
Postman简介 不管web自动化测试还是APP自动化端,测试过程中都会涉及到接口测试.接口测试分为服务器端测试和客户端测试.今天给大家介绍一个测试服务器端的小工具--Postman.它可以构造各类 ...
- Adobe CC Family 2015 Master 或 Adobe CC Family 2017 Master的安装步骤(图文详解)
不多说,直接上干货! 你还在为安装PS烦恼吗?你还在为制作视频软件寻找烦恼吗?..... 前言 现在,已经出来了 简单了解, Adobe Acrobat的百度百科: http://baike.ba ...
- (转)linux内核调优参数对比和解释
[net] ######################## cat /proc/sys/net/ipv4/tcp_syncookies # 默认值:1 # 作用:是否打开SYN Cookie功能,该 ...
- 高级网络功能(Docker支持的网络定制配置)
网络的高级知识,包括网络的启动和配置参数.DNS的使用配置.容器访问和端口映射的相关实现. 在一些具体场景中,Docker支持的网络定制配置,通过Linux命令来调整.补充.甚至替换Docker默认的 ...
- Java多态的一些陷阱
Java多态是如何实现的? Java的多态和C++一样,是通过延时绑定(late binding)或者说运行时绑定(runtime binding)来实现的.当调用某一个对象引用的方法时,因为编译器并 ...