Flutter学习教程——开篇

[说明] 由于时间问题，接下来一个月左右更新不会太稳定，尽量保证一到两周更新一篇文章。待这一个月忙完之后，尽量开保证每周更新一到两篇文章。

flutter架构.png

Flutter框架认识

Flutter框架在设计上，由Framework、Engine和Embedder三层构成。

一般而言，我们做Flutter，实质是基于Framework层的开发。但理解Engine和Embedder这两层的基本作用对我们Flutter项目，同样非常重要的帮助。因为本质上来讲，我们通过Flutter写的功能，最终是由更底层进行执行的。比如异步机制是怎样执行的，插件是如何介入进来的，这些依赖于Embedder，二对于页面刷新的具体处理，也是由Engine层具体执行的，而我们直接面对的Flutter框架层，更形形象的解释时，面向开发人员的更高层级的封装，是为了简化开发逻辑而存在的，而对于基于平台的差异，则在Embedder层得到了隔离。

1. Embedder: 解决了平台差异问题，对具有平台特性的工作，在此做了统一。

2. Engine: 是Flutter的核心，该层实现了Flutter具体渲染逻辑的处理工作，这一层与Flutter框架层之间通过dart:ui联系了起来。

在有了上面的基本认识之后，我们可以回过头来看看，关于Flutter的基础。我们应该从哪几方面来学习。

1. dart语言基础。这一点不用多说，是学习flutter的基础。说到底，Flutter本身只是建立在dart基础上的一套UI框架。对这一点，后续会谈一谈dart语言的一些基础知识。

2. Framework框架层的理解。这一层设计了UI交互的方方面面。如：框架层的基础(Foundation)，图形绘制(Painting)，手势处理(Gesture)，动画逻辑(Animation)，数据渲染(Rendering)，组件支持(Widgets)，页面风格问题(Material与Cupertino)。对于这一层，我们可以认为是采用层层递进的方式来设计的。具体带后续探讨。

3. 三方方案的使用。对于任何一门软件技术，要想在工作中得到快速突破、以及获得更优秀的解决方案，寻求一些三方技术的支持是必不可少的。而Flutter开发的三方开源，我们可以在网站: https://pub.dev/ 获得。

在对Flutter有了整体认知之后，后续我们将分三个部分来讨论flutter的开发。

第一部分 dart语言基础知识。在这部分将简单的对dart语言的重点进行介绍。将包含如下几章内容:

第一章 dart语言基础速览

第二章 dart语言特性及其应用方式

第三章 异步编程

第二部分 Flutter应用开发

这个部分将包含如下几个章节探讨

第一章 关于Flutter框架的整体认知

第二章 理解Flutter项目的生命周期

第三章 Widgets的理解与应用

第四章 Material风格

第五章 交互的实现

第六章 开发一个完整的应用展现

第七章 让页面动起来——Animation相关知识

第九章 Flutter状态管理

第八章 再认识Flutter

第三部分 一些重要的三方方案

这个部分主要介绍一些在flutter三方库。具体涉及到哪些库，带后续根据实际情况来选择一些进行介绍吧。这里就不做列举了。