掘金小册Flutter 动画探索 – 流光幻影-58学课

在线网盘点击查看详情购买后内容一样

小册介绍

1.欢迎来到 `Flutter 动画探索 - 流光幻影`

本册的发布，标志着 Flutter 框架底层三位大佬的集结完毕:

为什么要写这本小册

很多人遇到动画就头疼，通过本册，我会结合有趣的案例、源码调试、画图分析等方式，让大家对 Flutter 动画体系 有更深入的了解。
目前并没有非常系统介绍 Flutter 动画 的专题文章，希望通过本册，将我的探索收获分享给大家。
稍微深入一些源码的文章，发普通的文章总感觉曲高和寡，关注度比较低，写成小册更方便整体传播。
定价一如常往，三块多，赚点钱买饮料、吃饭加个鸡腿 ~

本册只要分为三个大部分: (注，第一篇为第 0 章)

这本小册对于不同能力阶段的朋友都比较实用，其中 1~6 章是介绍 动画器 及其周边类的使用，较为基础和重要，适合刚入门的新手品尝。7 ~ 11 章介绍一些 Flutter 动画组件的使用及源码实现，适合中等阶段的朋友品尝。最后 12 ~16 章是框架层动画相关源码的分析，适合老手品尝。

2. 小册内容概述 – 动画器使用篇

前六章主要是围绕 Animation 、Curve 、Animatable 的使用进行介绍，通一些动画的案例了解 Flutter 中如何处理动画。比如，如何将下面的文字外层的遮罩不断变大:

动画本质上就是状态的不断变更和更新，不通过 Animation 我们依然可以实现一些动画效果。比如使用 Timer 进行周期性任务。

在 2 ~ 4 章 我们会全面认识 Animation 、Curve 、Animatable 这三个动画核心类的使用。并且可以让你更直观形象地去看到动画数值变化的过程。比如下面是附加 Curves.bounceOut 运动效果，你就知道，原来它是这样变化的，而不是仅是一个冰冷的单词。

动画控制器有很多开启的方法，通过图形可以更形象认知，比如下面是 reverse 为 true 时，重复开启时，动画控制器数值变化的情况。通过结合图形，可以让大家对动画的认知更为深刻，华罗庚说过：

复制代码

数缺形时少直观,
形少数时难入微。
数形结合百般好,
隔离分家万事休。

第 5 章是通过三个案例，练习巩固动画器的对组件的动画。结合具体的案例可以说明一些操作注意细节。

呼吸光晕

点击旋转折返

绽放菜单

第 6 章 通过四个 loading 绘制，练习动画在绘制中的使用。

3. 小册内容概述 – 动画组件篇

Flutter 中内置了很多可以执行动画的组件，比如将装饰进行动画的 DecoratedBoxTransition。

透明度动画 AnimatedOpacity 。

某个组件的属性切换动画 AnimatedSwitcher 。

两组间之间的切换动画 AnimatedCrossFade。

这部分还有很多其他的案例，就不一一列举了，文中并不止与对动画组件的使用，更会带大家一起探索源码的实现，不浮于表层，才能认识到一个更真实的世界。

4.小册内容概述 – 源码篇

如果你熟悉了前面两个部分，那么对 Flutter 动画使用方面也算炉火纯青了。当然本册并不止于此，还会去分析整个 Flutter 动画体系 的源码，包括 Animation 、Curve 、Animatable 、以及 Ticker 等。

在源码中藏有很多有价值的宝藏：我们可以体会作者的用意，思索某个类被定义的意义，发现其中运用的模式，这些都能对我们的编码能力起到一个正反馈循环。即看得越多，体会得越深，你就更容易去阅读源码，汲取的经验也就越多。反之就是一个负反馈，不想看源码，因为看不懂，遇到问题就去搜，搜不到就去问。这样你的目标是解决问题，而不是拥有解决问题的能力。无法有更深层的认识和思考，就很容易出现更多的问题，你面临的就是更多的搜和问 。

授人以鱼不如授人以渔 就是这个道理，不要只是关注解决面前的问题(肚子饿) ，而应更注重解决问题的能力(如何获取食物)。然而，自己看源码确实是一件非常痛苦的事，特别是能力欠佳的朋友，大多数都没有耐心和能力去深究源码的。其中有不少人是想要去深入认识源码如何实现的，奈何火候不到，看不出所以然。所以，我也很愿意去分享自己读码的收获，为这些人指引道路。我不想直接给你这条鱼，我想要给你获取鱼的方式。

最后一句：由于纯手工码字以及认知的局限性，如果本册内容上有什么错误、疑问、错别字或修改建议，可在评论区指正，或直接联系我进行探讨 ~