├─1 Flutter 移动应用:开发准备
│ 1 介绍
│ 2 安装 Flutter SDK(macOS)
│ 3 配置 iOS 开发环境(macOS)
│ 4 配置 VS Code 代码编辑器
│ 5 配置 Android 开发环境(macOS)
│ 6 检测问题:flutter doctor
│ 7 Flutter 在中国地区的特别设置(macOS)
│ 8 创建 Flutter 项目- P. V2 i0 B2 B
│ 9 运行 Flutter 项目(iOS 模拟器)
│ 10 在 Android 模拟器上运行 Flutter 项目
│
├─2 Flutter移动应用:快速起步
│ 1 介绍_h1RK8
│ 2 准备项目_LbgZE
│ 3 在屏幕中间显示 “hello”
│ 4 自定义小部件(Widget)
│ 5 文字的样式:TextStyle"
│ 6 MaterialApp:使用界面组件与定制界面主题
│ 7 列表:准备数据
│ 8 列表视图:ListView.builder
│ 9 列表项目
│
├─3 Flutter 移动应用:界面结构
│ 1 介绍_
│ 2 准备项目_FBIHr
│ 3 Material 应用
│ 4 AppBar:工具栏上的图标按钮(IconButton)
│ 5 TabBar:用标签形式展示内容
│ 6 TabBar:自定义标签栏的样式
│ 7 Material:自定义按钮水波纹样式
│ 8 Drawer:抽屉(边栏)
│ 9 Drawer:在抽屉里使用 ListView, DrawerHeader,ListTile
│ 10 Drawer:抽屉的打开与关闭
│ 11 UserAccountDrawerHeader:抽屉里的用户帐号信息,
│ 12 用户帐户头部的背景图像
│ 13 创建 DrawerDemo 小部件
│ 14 BottomNavigationBar:底部导航栏
│ 15 BottomNavigationBar:底部导航栏的激活状态
│ 16 StatefulWidget:有状态的小部件
│ 4 G; U0 z0 w* ~5 P6 E
├─4 Flutter 移动应用:基础部件
│ 1 介绍_
│ 2 准备项目
│ 3 查看小部件的定义
│ 4 Text:文字与文字样式
│ 5 RichText:行内多样式的文字
│ 6 Container:容器
│ 7 BoxDecoration:装饰盒子
│ 8 BoxDecoration:边框(border)
│ 9 BoxDecoration:圆角(borderRadius)
│ 10 BoxDecoration:阴影(borderShadow)
│ 11 BoxDecoration:形状(shape)
│ 12 BoxDecoration:渐变(gradient)
│ 13 BoxDecoration:背景图像(image)
│ . C# V, O" p8 M
├─5 Flutter移动应用:布局
│ 1 介绍
│ 2 准备项目_ukVC7
│ 3 创建 LayoutDemo 小部件
│ 4 创建可配置的图标徽章(IconBadge)小部件
│ 5 Row(横排) 与 Column(竖排)
│ 6 mainAxis:主轴
│ 7 crossAxis:交叉轴
│ 8 SizedBox:固定尺寸的盒子
│ 9 Alignment:对齐
│ 10 Stack:一摞小部件
│ 11 AspectRatio:宽高比
│ 12 ConstrainedBox:带限制的盒子
│
├─6 Flutter 移动应用:视图
│ 1 介绍
│ 2 升级 Flutter SDK 与项目用的 Packages
│ 3 准备项目7 y5 j# |! N* [8 P
│ 4 创建 ViewDemo 小部件
│ 5 PageView:页面视图
│ 6 PageView:页面视图的属性
│ 7 PageView:用 PageController 调整页面的显示
│ 8 PageView.builder 按需生成页面
│ 9 GridView:网格视图(GridView.count)
│ 10 GridView.extent
│ 11 GridView.builder 按需生成视图项目
│
├─7 Flutter 移动应用:Sliver
│ 1 介绍_uDvgh
│ 2 准备项目
│ 3 创建 SliverDemo 小部件:
│ 4 Slivers
│ 5 SliverGrid:网格视图
│ 6 SliverPadding(内边距) 与 SliverSafeArea(安全区)
│ 7 SliverList:列表视图
│ 8 SliverAppBar:应用工具栏
│ 9 带渐近动画的可伸缩空间
│
├─8 Flutter移动应用:路由
│ 1 介绍
│ 2 准备项目
│ 3 VS Code:Flutter 代码片断
│ 4 一堆路由
│ 5 打开新页面并返回(push 与 pop):准备
│ 6 打开新页面并返回(push 与 pop):实施
│ 7 带名字的路由( Navigator.pushNamed)
│ 8 初始路由:initialRoute
│ 9 InkWell:添加溅墨动画效果
│ 10 在内容详情页上显示内容
│
├─9 Flutter 移动应用:表单
│ 1 介绍
│ 2 准备项目
│ 3 创建 FormDemo 小部件
│ 4 Theme:定制、使用、重置、覆盖主题
│ 5 TextField:文本字段
│ 6 TextField:文本字段样式(InputDecoration)
│ 7 TextField:监视文本字段的值的变化与提交2 }
│ 8 TextField:使用 TextEditingController 监听文本字段变化
│ 9 Form:表单
│ 10 Form:保存与获取表单里的数据
│ 11 Form:验证表单里的数据
│ 12 Form:自动验证
│ 13 SnackBar:在屏幕底部动画弹出提示栏
│
├─10 Flutter移动应用:按钮
│ 1 介绍
│ 2 准备项目
│ 3 VS Code:自定义代码片断
│ 4 准备 Material Components 演示页面
│ 5 FloatingActionButton:漂浮动作按钮
│ 6 BottomAppBar:底部工具栏
│ 7 创建演示小部件用的页面
│ 8 FlatButton:文字按钮
│ 9 RaisedButton:按钮
│ 10 按钮主题:颜色、形状
│ 11 OutlineButton:描边按钮
│ 12 按钮容器 Container:有固定宽度的按钮)
│ 13 按钮容器 Expanded:占满可用宽度的按钮
│ 14 按钮容器 ButtonBar:一组带边距的横排显示按钮
│ 15 整理:把演示放在单独的文件里
│ 16 准备 PopupMenuButtonDemo
│ 17 PopupMenuButton:弹出式菜单按钮
│
├─11 Flutter 移动应用:输入2
│ 1 介绍_EGqrj
│ 2 整理:在演示列表里添加 FormDemo
│ 3 创建用户输入相关的小部件的演示页面
│ 4 Checkbox:复选框
│ 5 CheckboxListTile:带标签与图标的复选框
│ 6 Radio:单选按钮
│ 7 RadioListTile:带标签与图标的单选按钮
│ 8 Switch:开关
│ 9 SwitchListTile:带标签与图标的开关
│ 10 Slider:滑动选择器
│ 11 安装第三方包(演示安装 Intl 包)
│ 12 显示格式化日期
│ 13 showDatePicker:选择日期
│ 14 showDatePicker:获取选择的日期(async)
│ 15 showTimePicker:时间选择器
│ 16 Future:异步程序
│
├─12 Flutter 移动应用:对话框
│ 1 SimpleDialog:显示对话框(showDialog)
│ 2 SimpleDialog:选项(SimpleDialogOption)
│ 3 SimpleDialog:获取与使用选项的值
│ 4 AlertDialog:提示对话框*
│ 5 AlertDialog:获取与使用动作的值
│ 6 BottomSheet:底部滑动窗口
│ 7 BottomSheet:对话框式底部滑动窗口(showModalBottomSheet)
│ 8 处理使用对话框式底部滑动窗口的数据
│ 9 SnackBar:操作提示栏
│ 10 ExpansionPanel:收缩面板
│ 11 ExpansionPanel:面板的收起与展开
│ 12 ExpansionPanel:面板列表项目
│
├─13 Flutter移动应用:MDC
│ 1 介绍
│ 2 升级 Flutter SDK 后屏幕报错(0.8.1)
│ 3 Chip:小碎片
│ 4 Wrap:换行显示小部件; l( w: L6 Z9 M
│ 5 Divider:分隔符
│ 6 Chip:带删除功能的小碎片
│ 7 Chip:用列表生成带删除功能的小碎片
│ 8 ActionChip:动作碎片
│ 9 FilterChip:过滤碎片
│ 10 ChoiceChip:选择碎片
│ 11 DataTable:数据表格
│ 12 DataTable:用列表生成数据表格
│ 13 DataTable:数据表格的排序
│ 14 DataTable:选择数据表格行
│ 15 PaginatedDataTable:分页显示表格数据
│ 16 PaginatedDataTable:排序
│ 17 Card:卡片
│ 18 ClipRRect:圆角(给图像添加圆角效果)
│ 19 Stepper:步骤
│ 20 Stepper:步骤的行为
│
├─14 Flutter 移动应用:状态管理
│ 1 介绍_pny
│ 2 准备项目_gDLQE
│ 3 创建 StateManagementDemo 小部件
│ 4 StatelessWidget:无变化状态的小部件
│ 5 StatefulWidget:带变化状态的小部件
│ 6 状态管理(由父辈管理状态)
│ 7 从父辈那里传递个回调
│ 8 小部件树:Widget Tree
│ 9 InheritedWidget:直接把数据传递给需要的小部件
│ 10 创建与使用 InheritedWidget 有效地传递数据给子部件
│ 11 ScopedModel:安装与基本用法介绍
│ 12 使用 ScopedModel 传递数据
│
├─15 Flutter 移动应用:Stream
│ 1 介绍_o1nOR
│ 2 准备项目_dLbrZ
│ 3 创建 StreamDemo
│ 4 创建与监听 Stream
│ 5 给 Stream 添加一个订阅(subscription)
│ 6 暂停、恢复、取消监听 Stream
│ 7 StreamController:控制 Stream
│ 8 StreamController:使用 Sink 往 Stream 上添加数据
│ 9 StreamController:创建可以多次订阅的 Broadcast Streams
│ 10 在界面上显示 Stream 上的数据
│ 11 StreamBuilder:根据 Stream 上的数据构建小部件
│
├─16 Flutter 移动应用
│ 1 介绍_va1et
│ 2 准备项目_zEYDt
│ 3 创建 RxDartDemo
│ 4 安装 RxDart 包
│ 5 Rx,RxDart,Observable 与 Stream
│ 6 Observables
│ 7 创建 Observables 的几种方法
│ 8 使用 Subjects 控制 Observables
│ 9 BehaviorSubject
│ 10 ReplaySubject
│ 11 准备一个文本框往 Observable 上添加数据
│ 12 RxDart 的数据转换方法(map)
│ 13 where
│ 14 debounce
│
├─17 Flutter 移动应用:BLoC
│ 1 介绍
│ 2 准备项目
│ 3 创建 BlocDemo
│ 4 BLoC:Business Logic Component
│ 5 BLoC 应用案例(记数器):准备基本小部件
│ 6 使用 InheritedWidget 传递
│ 7 创建与使用 BLoC:用 Sink 输入数据
│ 8 创建与使用 BLoC:用 Stream 输出数据
│
├─18 Flutter 移动应用:网络请求
│ 1 介绍_YDQP3
│ 10 FutureBuilder:使用 Future 构建小部件
│ 2 准备项目
│ 3 创建 HttpDemo
│ 4 安装 http 包(升级 Flutter SDK)
│ 5 使用 http 客户端请求数据
│ 6 JSON 转换(dartconvert)
│ 7 使用 Model 类转换数据:fromJson
│ 8 使用 Model 类转换数据:toJson
│ 9 使用请求数据:把响应的数据转换成自定义 Dart 对象
│ * o) e# X6 Z7 T2 [! G+ T& j; j
├─19 Flutter 移动应用:动画
│ 1 介绍_XSBKs$ R7 O* l8 u; v9 E2 }5 D
│ 2 准备项目_rNSOD
│ 3 创建 AnimationDemo 小部件
│ 4 AnimationController:动画控制器
│ 5 使用动画的值
│ 6 动画的状态与运行
│ 7 Tween:设置动画范围值(数字、颜色)
│ 8 Curve:动画曲线
│ 9 AnimatedWidget:动画值有变化就自动重建自己的小部件
│
│
├─20 Flutter移动应用:国际化
│ 1 介绍
│ 2 准备项目
│ 3 创建 I18Demo 小部件
│ 4 安装与配置 Flutter 应用的国际化
│ 5 配置 iOS 项目使用多种语言
│ 6 演示 Material 组件的多语言
│ 7 寻找 Localizations 小部件
│ 8 获取与设置语言和地区(理解 Locale 类与 Localizations 小部件)
│ 9 定义本地化资源类
│ 10 加载本地化资源
│ 11 使用本地化资源
│ 12 Intl:定义需要翻译的信息
│ 13 提取信息模板并翻译信息
│ 14 基于arb 生成 dart 文件
│ 15 加载与使用本地化信息
│
│
└─源码
课程下载地址:
正在加载二维码...
支付完成后,请等待10秒左右,请勿关闭此页