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 ...
随机推荐
- bzoj 3027: [Ceoi2004]Sweet (生成函数)
题目传送门:https://www.lydsy.com/JudgeOnline/problem.php?id=3027. 题目大意:有$n$种数,每种有$C_i$个,问你在这些数中取出$[l,r]$个 ...
- 【转】MySQL下载安装验证
MySQL官网下载路径:https://dev.mysql.com/downloads/mysql/ MySQL安装步骤:转自博主 Smile_Coding 博文:https://www.cnblog ...
- 用expect解决批量Linux集群机器间SSH免密码访问
转自:http://blog.csdn.net/aichaoguy/article/details/11693269#!/bin/bash #check whether package 'expect ...
- php如何使用rabbitmq实现发布消息和消费消息(tp框架)(第一篇)
1,默认已经安装好了rabbitmq: 参考 http://www.cnblogs.com/spicy/p/7017603.html 2,安装rabbitmq客户端: 方法1: pecl 扩展安装 ...
- 微服务Kong(九)——认证参考
客户端访问上游API服务,通常由Kong的认证插件及其配置参数来控制. 通用认证 一般情况下,上游API服务都需要客户端有身份认证,且不允许错误的认证或无认证的请求通过.认证插件可以实现这一需求.这些 ...
- nginx 学习笔记(2) nginx新手入门
这篇手册简单介绍了nginx,并提供了一些可以操作的简单的工作.前提是nginx已经被安装到你的服务器上.如果没有安装,请阅读上篇:nginx 学习笔记(1) nginx安装.这篇手册主要内容:1. ...
- Chrome 谷歌如何快速实现跨域
第一步:在你的E盘或者其他盘新建一个文件夹,命名为:E:\MyChromeDevUserData 第二步:找到你的谷歌浏览器快捷图标,鼠标右键选择属性,出现以下界面: 第三步:在目标选项的最后添加: ...
- chown -R 用户名:组名 ./ 及 chown用法介绍
当我们在不通过yum(CentOS).apt-get(Ubuntu)来安装MySQL的时候,通常执行以下命令来改变目录的拥有者: [root@localhost ~]# chown -R mysql: ...
- Python WSGI接口
WSGI(Web Server Gateway Interface 或 Python Web Server Gateway Interface ),是为 Python 语言定义的 Web 服务器与 W ...
- python分布式爬虫打造搜索引擎--------scrapy实现
最近在网上学习一门关于scrapy爬虫的课程,觉得还不错,以下是目录还在更新中,我觉得有必要好好的做下笔记,研究研究. 第1章 课程介绍 1-1 python分布式爬虫打造搜索引擎简介 07:23 第 ...