全新FLUTTER技术入门与实战亢少军9787111617976

前言章  开启Flutter之旅 11.1  Flutter的特点与核心概念 11.1.1  一切皆为组件 21.1.2  组件嵌套 21.1.3  构建Widget 31.1.4  处理用户交互 41.1.5  什么是状态 41.1.6  分层的框架 51.2  开发环境搭建 51.2.1  Windows环境搭建 51.2.2  MacOS环境搭建 111.3  个Flutter程序 17第2章  Flutter基础知识 2.1  入口程序 2.2  Material Design设计风格 24.  Flutter主题 24..1  创建应用主题 24..2  局部主题 26..  使用主题 272.4  无状态组件和有状态组件 282.5  使用包资源 312.6  Http请求 34第3章  Dart语言简述 403.1  Dart重要概念与常用开发库 403.2  变量与基本数据类型 433.3  函数 463.4  运算符 473.5  流程控制语句 513.6  异常处理 543.7  面向对象 553.7.1  实例化成员变量 553.7.2  构造函数 563.7.3  读取和写入对象 573.7.4  重载操作 583.7.5  继承类 593.7.6  抽象类 603.7.7  枚举类型 6..  Mixins 6.  泛型 633.9  库的使用 643.10  异步支持 653.11  元数据 653.12  注释 67第4章  常用组件 684.1  容器组件 684.2  图片组件 704.3  文本组件 724.4  图标及按钮组件 744.4.1  图标组件 744.4.2  图标按钮组件 754.4.3  凸起按钮组件 774.5  列表组件 784.5.1  基础列表组件 784.5.2  水平列表组件 804.5.3  长列表组件 824.5.4  网格列表组件 834.6  表单组件 84第5章  Material Design风格组件 885.1  App结构和导航组件 895.1.1  MaterialApp（应用组件） 895.1.2  Scaffold（脚手架组件） 945.1.3  AppBar（应用按钮组件） 955.1.4  BottomNavigationBar（底部导航条组件） 975.1.5  TabBar（水平选项卡及视图组件） 995.1.6  Drawer（抽屉组件） 1045.2  按钮和提示组件 1075.2.1  FloatingActionButton（悬停按钮组件） 1075.2.2  FlatButton（扁平按钮组件） 1095..  PopupMenuButton（弹出菜单组件） 1105.2.4  SimpleDialog（简单对话框组件） 1125.2.5  AlertDialog（提示对话框组件） 1135.2.6  SnackBar（轻量提示组件） 1155.3  组件 1165.3.1  TextField（文本框组件） 1175.3.2  Card（卡片组件） 119第6章  Curio风格组件 1226.1  CurioActivityIndicator组件 1226.2  CurioAlertDialog对话框组件 1.  CurioButton按钮组件 1246.4  Curio导航组件集 125第7章  页面布局 1327.1  基础布局处理 1337.1.1  Container（容器布局） 1337.1.2  Center（居中布局） 1377.1.3  Padding（填充布局） 1387.1.4  Align（对齐布局） 1407.1.5  Row（水平布局） 1437.1.6  Column（垂直布局） 1447.1.7  FittedBox（缩放布局） 1467.1.8  Stack/Alignment 1497.1.9  Stack/Positioned 1517.1.10  IndexedStack 1537.1.11  OverflowBox溢出父容器显示 1557.2  宽高尺寸处理 1567.2.1  SizedBox（设置具体尺寸） 1567.2.2  ConstrainedBox（限定优选宽高布局） 1587..  LimitedBox（限定优选宽高布局） 1597.2.4  AspectRatio（调整宽高比） 1607.2.5  FractionallySizedBox（百分比布局） 1627.3  列表及表格布局 1637.3.1  ListView 1647.3.2  GridView 1667.3.3  Table 1677.4  布局处理 1697.4.1  Transform（矩阵转换） 1697.4.2  Baseline（基准线布局） 1717.4.3  Offstage（控制显示组件） 1727.4.4  Wrap（按宽高自动换行布局） 1747.5  布局综合示例 1777.5.1  布局分析 1777.5.2  准备素材 1797.5.3  编写代码 180第8章  手势 1858.1  用GestureDetector进行手势检测 1858.2  用Dismissible实现滑动删除 187第9章  资源和图片 1909.1  添加资源和图片 1909.1.1  指定assets 1909.1.2  加载assets 1919.1.3  平台assets 1939.2  自定义字体 1950章  路由及导航 19810.1  页面跳转基本使用 19810.2  页面跳转发送数据 20110.3  页面跳转返回数据 2041章  组件装饰和视觉效果 20811.1  Opacity（透明度处理） 20811.2  DecoratedBox（装饰盒子） 21011.3  RotatedBox（旋转盒子） 21711.4  Clip（剪裁处理） 21711.5  案例—自定义画板 2222章  动画 24112.1  用AnimatedOpacity实现渐变效果 24112.2  用Hero实现页面切换动画 2433章  Flutter插件开发 24613.1  新建插件 24613.2  运行插件 24913.3  示例代码分析 2504章  开发工具及使用技巧 25914.1  E集成开发环境 25914.1.1  Android Studio / IntelliJ 25914.1.2  Visual Studio Code 26714.2  Flutter SDK 27414.3  使用热重载 27514.4  格式化代码 276

亢少军 捷智云视频会议系统联合创始人，从事流媒体技术研发工作多年，对于Android、iOS等开发技术有比较深入的研究和应用，作为主要程序员开发了多个应用项目，涉及医疗、交通、银行等领域。

现在，主流的移动开发平台是Android和iOS，每个平台上的开发技术不太一样，针对每个平台开发应用需要特定的人员，但这样一来开发效率低下，因而需要行跨台开发。跨平台技术从开始的Hybrid混合开发技术，到React Native的桥接技术，一直在演进。Hybrid开发主要依赖于WebView。但WebView是一个重量级的控件，很容易产生内存问题，而且复杂的UI在WebView上显示的能不好。React Native技术抛开了WebView，利用JavaScript Core来做桥接，将JavaScript调用转为Native调用。React Native会生成对应的自定义原生控件。这种策略将框架本身和App开发者绑在系统的控件上，不仅框架本身需要处理大量平台相关的逻辑，随着系统版本变化和API的变化，开发者可能也需要处理不同平台的差异，甚至有些特只能在部分平台上实现，这样使得跨平台特大打折扣。Flutter是近期新的跨平台开发技术，可以横跨Android、iOS、MacOS、Windows、Linux等多个系统。Flutter采用了更为的跨平台方案，即自己实现了一套UI框架，然后直接在GPU上渲染UI页面。笔者早接触的跨平台技术是Adobe Air技术，写一套Action Script代码可以运行在PC、Android及iOS三大平台上。目前，笔者与朋友开发视频会议产品，需要优选化地减少前端的开发及维护工作量，所以，我们先后察Cordova、React Native及Flutter等技术。我们觉得Flutter方案更加优选，效率更高，后来就尝试用Flutter开发了优选个开源的WebRTC插件（可在GiHb搜索Flutter WebRTC）。写作本书的目的是想传播Flutter知识（因为Flutter确实很好），想为Flutter社区做点贡献的同时也为我们的产品打下坚实的技术基础。通过写作本书，笔者查阅了大量的资料，使得知识体系扩大了不少，收获良多。本书主要内容章介绍Flutter的基本概念，并搭建个Flutter程序，来感受一下Flutter之美。第2章介绍几个重要知识点，如入口程序、Material Design、Flutter主题、无状态组件和有状态组件、使用包资源、Http请求。第3章简单介绍Dart语言。Dart语言是Flutter SDK指定的语言，我们很有必要补充一下它的基础知识，包括语法特、基本语句、面向对象等。第4章介绍常用组件。Flutter里有一个很好重要的核心理念：一切皆为组件，本章主要讲解开发中用得频繁的组件，如容器组件、图片组件、文本组件、图标组件和表单组件等。第5章介绍Material Design风格的组件，Material Design风格是一种很好有质感的设计风格，并提供一些默认的交互动画。本章将分类介绍这些组件。第6章介绍Curio风格的组件，这是一类iOS风格的组件，如CurioTabBar、CurioPageScaffold、CurioTabScaffold、CurioTabView等。第7章介绍页面布局的基础知识和技巧，如基础布局处理、宽高尺寸处理、列表及表格布局等，通过个综合布局示例来演示如何编写复杂的页面。第8章介绍如何处理手势，如轻击、拖动和缩放等。Flutter提GestureDetector进行手势检测，并为手势检测提供了相应的监听。第9章介绍如何加载、处理、展示资源和图片，如添加资源和图片、自定义字体等。0章介绍路由及导航是如何处理的，包括页面的渲染以及数据传递。1章介绍组件装饰和视觉效果的处理，如Opacity（透明度处理）、DecoratedBox（装饰盒子）、RotatedBox（旋转盒子）、Clip（剪裁处理）和CustomPainter（自定义画板）。2章介绍动画效果的制作，包含两个动画组件的使用：用AnimatedOpacity实现渐变效果、用Hero实现页面切换动画。3章介绍Flutter插件开发的入门知识。Flutter插件可以和原生程序打交道，比如调用蓝牙、启用WIFI、打开手电筒，等等。4章介绍开发工具及使用技巧，介绍几款常用的E工具，从代码的编写、辅功能、程序调试、能分析等多方面讲解工具及使用技巧。5章介绍测试与发布应用，包括：测试应用、发布Android版和iOS版App。6章通过一个综合案例介绍如何使用Flutter实现即时通讯App的界面。阅读建议本书是一本基础入门加实战的书籍，既有基础知识，又有丰富示例，包括详细的操作步骤，实操强。由于Flutter大量使用组件，所以本书对组件的讲解很详细，包括基本概念、属及代码示例。每个组件都配有小例子，力求精简，还提供了配套提供完整代码，复制完整代码就可以立即看到效果。这样会给读者信心，在轻松掌握基础知识的同时快速进入实战。如果你正在使用类似React Native等跨平台的技术，那么学习Flutter相对轻松很多。使用Flutter构建应用时，需要Android和iOS知识，因为Flutter依赖移动操作系统提供众多功能和配置。Flutter是一种为移动设备构建用户界面的新方式，但它有一个插件机制可与Android和iOS进行数据及任务通信。本书有一章专门讲解Flutter的插件开发技术，可以作为进一步学习的起点。Flutter引用了大量Web开发的知识，比如FlexBox布局方式、盒模型等，这些都引用了CSS的一些思想。所以从UI界面的实现角度来说，只需要熟悉Dart语言就能轻松上手Flutter。本书专门有一章介绍Dart语言的基础知识。建议读者在一开始先把～3章基础理论通读一遍。到第4章时实际操作并运行每个例子，这样就能开发Flutter简单的界面了。第5章和第6章通读即可。第7章介绍的构建页面布局都是开发中常用的布局方法，建议读者仔细阅读、实际操作并运行每个例子。尤其是的布局综合例子，按步骤都走一遍，就能理解布局的思路。8～2章涵盖Flutter的不错用法，在开发中也经常使用。可以根据实际项目开发和学习的需要阅读。3章介绍Flutter插件开发。这需要具备原生开发的知识，比如Java、Objective-C 等相关知识。如果读者不需要开发插件可以略过。4～16章实操很强，读者只要根据书中的步骤仔细操作，就能快速掌握。关于随书代码本书所列代码力求完整，但由于篇幅所限，代码没有全放在书里。完整代码在以下网址：http://www.flutter100.nethttps://itu.com/kangshaojun致谢首先感谢机械工业出版社吴怡编辑的耐心指点，以及推动了本书的出版。感谢朋友段伟伟，江湖人称“鱼老大”，国内骨灰级WebRTC开发者、视频会议产品合作者。在这里感谢鱼老大的技术分享及帮。感谢陈波及陈志红两位好友。在本书交稿压力优选的时侯，从内容安排及语言润色方面，都提供了一些很好有用的建议。还感谢高文翠老师对本书大纲的指导。还要感谢我的家人。感谢我的母亲及妻子，在我写作过程中承担了全部的家务并照顾小孩儿，使我可以全身心地投入写作工作。在写作那段时间，正好家里阁楼装修，感谢我的父亲，他亲自管理装修工程，帮我节省了很多时间和精力。我爱你们，和你们在一起是幸运的事情！亢少军2018年12月7日

本书本书由资深架构师撰写，很好详细地讲解Flutter基本概念和使用技巧。既有基础知识，又有丰富示例，并包括详细案例的操作步骤，实操强。还提供了配套提供完整案例代码，可帮读者轻松掌握基础知识，快速进入实战。本书共16章。-7章介绍Flutter的基本概念，以及组件与布局，8~6章介绍Flutter的不错用法，包括手势、路由、装饰、动画、插件开发、工具使用、测试与发布，以及综合案例。视频课程网址 https://webrtc.ke.qq.com/