Flutter技术入门与实战.pptx

1、Flutter技术入门与实战本书主要内容01Part One本书主要内容阅读建议02Part One阅读建议关于随书代码03Part One关于随书代码1 开启Flutter之旅04Part One1 开启Flutter之旅1.1 Flutter的特点与核心概念1.2 开发环境搭建1.3 第一个Flutter程序1.1 Flutter的特点与核心概念1 开启Flutter之旅0102030405061.1.1 一切皆为组件1.1.2 组件嵌套1.1.3 构建Widget1.1.4 处理用户交互1.1.5 什么是状态1.1.6 分层的框架LOGOM.94275.CN1 开启Flutter之旅1.

2、2 开发环境搭建A1.2.1 Windows环境搭建1.2.2 MacOS环境搭建2 Flutter基础知识05Part One2 Flutter基础知识2.6 H t t p请 求2.1 入口程序2.2 M a t e r ia l D e s i g n设 计 风 格2.3 F l u t te r 主 题2.4 无状 态 组 件和 有 状 态组 件2.5 使 用 包资 源 2.3.1 创建应用主题2.3.2 局部主题2.3.3 使用主题3 Dart语言简述06Part One3 Dart语言简述013.1 Dart重要概念与常用开发库023.2 变量与基本数据类型033.3 函数043.

3、4 运算符053.5 流程控制语句063.6 异常处理3 Dart语言简述3.7 面向对象3.10 异步支持3.8 泛型3.11 元数据3.12 注释3.9 库的使用3.7 面向对象3 Dart语言简述3.7.1 实例化成员变量3.7.2 构造函数3.7.3 读取和写入对象3.7.6 抽象类3.7.5 继承类3.7.4 重载操作3 Dart语言简述3.7 面向对象3.7.7 枚举类型13.7.8 Mixins24 常用组件07Part One4 常用组件DCBA4.1 容器组件4.2 图片组件4.3 文本组件4.4 图标及按钮组件E4.5 列表组件4 常用组件4.4 图标及按钮组件4.4.1

4、图标组件014.4.2 图标按钮组件024.4.3 凸起按钮组件4 常用组件4.5 列表组件014.5.1 基础列表组件024.5.2 水平列表组件034.5.3 长列表组件044.5.4 网格列表组件5 Material Design风格组件08Part One5 Material Design风格组件5.1 App结构和导航组件5.2 按钮和提示组件5.3 其他组件5.1 App结构和导航组件5 Material Design风格组件5.1.1 MaterialApp（应用组件）5.1.6 Drawer（抽屉组件）5.1.5 TabBar（水平选项卡及视图组件）5.1.2 Scaffold

5、（脚手架组件）5.1.3 AppBar（应用按钮组件）5.1.4 BottomNavigationBar（底部导航条组件）5 Material Design风格组件5.2 按钮和提示组件15.2.1 FloatingActionButton（悬停按钮组件）35.2.3 PopupMenuButton（弹出菜单组件）25.2.2 FlatButton（扁平按钮组件）45.2.4 SimpleDialog（简单对话框组件）55.2.5 AlertDialog（提示对话框组件）65.2.6 SnackBar（轻量提示组件）LOGOM.94275.CN5 Material Design风格组件5.3

6、其他组件A5.3.1 TextField（文本框组件）5.3.2 Card（卡片组件）6 Cupertino风格组件09Part One6 Cupertino风格组件16.1 C u p e r t i n o A c t i v i t y I n d i c a t o r组 件26.2 CupertinoAlertDialog对话框组件36.3 CupertinoButton按钮组件46.4 Cupertino导航组件集7 页面布局10Part One7 页面布局D7.4 其他布局处理E7.5 布局综合示例A7.1 基础布局处理B7.2 宽高尺寸处理C7.3 列表及表格布局7 页面布局7

7、.1 基础布局处理7.1.1 Container（容器布局）017.1.2 Center（居中布局）027.1.3 Padding（填充布局）037.1.4 Align（对齐布局）047.1.5 Row（水平布局）057.1.6 Column（垂直布局）067.1 基础布局处理7 页面布局7.1.8 Stack/Alignment7.1.10 IndexedStack7.1.7 FittedBox（缩放布局）7.1.9 Stack/Positioned7.1.11 OverflowBox溢出父容器显示7.2 宽高尺寸处理7 页面布局17.2.1 SizedBox（设置具体尺寸）37.2.3 L

8、imitedBox（限定最大宽高布局）27.2.2 ConstrainedBox（限定最大最小宽高布局）47.2.4 AspectRatio（调整宽高比）57.2.5 FractionallySizedBox（百分比布局）7 页面布局7.3 列表及表格布局7.3.1 ListView7.3.2 GridView7.3.3 Table7 页面布局7.4 其他布局处理17.4.1 Transform（矩阵转换）27.4.2 Baseline（基准线布局）37.4.3 Offstage（控制是否显示组件）47.4.4 Wrap（按宽高自动换行布局）7 页面布局7.5 布局综合示例7.5.1 布局分析

9、7.5.2 准备素材7.5.3 编写代码8 手势11Part One8 手势8.2 用Dismissible实现滑动删除8.1 用GestureDetector进行手势检测9 资源和图片12Part One9 资源和图片9.1 添加资源和图片 9.1.1 指定assets9.1.2 加载assets9.1.3 平台assets9.2 自定义字体10 路由及导航13Part One10 路由及导航10.2 页面跳转发送数据10.1 页面跳转基本使用10.3 页面跳转返回数据11 组件装饰和视觉效果14Part One11 组件装饰和视觉效果11.2 DecoratedBox（装饰盒子）11.4

10、Clip（剪裁处理）11.1 Opacity（透明度处理）11.3 RotatedBox（旋转盒子）11.5 案例自定义画板12 动画15Part One12 动画12.2 用Hero实现页面切换动画12.1 用AnimatedOpacity实现渐变效果13 Flutter插件开发16Part One13 Flutter插件开发13.1 新建插件13.2 运行插件13.3 示例代码分析14 开发工具及使用技巧17Part One14 开发工具及使用技巧1 4.1 I D E集 成 开 发 环境1 4.2 Fl u t t er SD K14.3 使用热重载14.4 格式化代码1 4.5 Fl

11、u t t er 组件 检 查 器1 4.1.1 A n d r o i d S t u d i o/I n t e l li J1 4.1.2 V i s u a l S t u d i o C o d e 15 测试与发布应用18Part One15 测试与发布应用15.1 测试应用15.2 发布Android版App15.3 发布iOS版App15 测试与发布应用15.1 测试应用15.1.1 简介15.1.2 单元测试15.1.4 集成测试15.1.3 Widget测试15.2 发布Android版App15 测试与发布应用15.2.2 查看构建配置15.2.4 App签名15.2.1

12、 检查App Manifest15.2.3 添加启动图标15.2.5 构建发布版APK并安装在设备上15.3 发布iOS版App15 测试与发布应用15.3.1 准备工作15.3.6 添加应用程序图标15.3.5 查看Xcode项目设置15.3.2 在iTunes Connect上注册应用程序15.3.3 注册一个Bundle ID15.3.4 在iTunes Connect上创建应用程序记录15.3 发布iOS版App15 测试与发布应用15.3.8 将应用发布到App Store15.3.7 准备发布版本16 综合案例即时通讯App界面实现19Part One16 综合案例即时通讯App界

13、面实现16.1 项目介绍16.2 项目搭建16.3 入口程序16.4 加载页面16.5 应用页面16.6 搜索页面16 综合案例即时通讯App界面实现16.7 聊天页面16.8 好友页面16.9 我的页面LOGOM.94275.CN16 综合案例即时通讯App界面实现16.2 项目搭建16.2.1 新建项目16.2.2 添加源码目录及文件16.6 搜索页面16 综合案例即时通讯App界面实现16.6.2 请求获取焦点16.6.4 返回文本组件16.6.1 布局拆分16.6.3 自定义TouchCallBack组件16.6.5 组装实现搜索页面LOGOM.94275.CN16 综合案例即时通讯App界面实现16.7 聊天页面16.7.1 准备聊天消息数据16.7.2 聊天消息列表项实现16.7.3 聊天消息列表实现16 综合案例即时通讯App界面实现16.8 好友页面0116.8.1 准备好友列表数据0216.8.2 好友列表项实现0316.8.3 好友列表头实现0416.8.4 ContactSiderList类0516.8.5 Contacts类16 综合案例即时通讯App界面实现16.9 我的页面A16.9.1 通用列表项实现16.9.2 Personal类B感谢聆听