Flutter 以 Widget 数量多著称，所以 Flutter 中的动画 API 那是一个多啊，我觉得有必要梳理一下，大家看的舒服一些。本文不是详细介绍 API，而是帮大家顺利以下其中脉络，给大家归归类，细数都有具体的 API，详细的我有专门的文章去介绍，大家点链接看我的文章就行了

目前转场，共享元素，SVG 动画还没看，其他的都差不多了

android 中有什么动画，Flutter 差不多就得有什么动画，区别可能是 Flutter 拥有后发优势，精简合并和一部分

Android 动画历程如下：

API 1 - View Animations，也就是补间动画，说实话我也不知道为啥叫这么个没啥关联性的名字。特点是动画作用于 draw 阶段，动画结束后 view 的位置还是在 layout 时的位置，造成了经典的 view 动画结束后无法相应点击事件的事
API 11 - View Animations，Object Animator，iew Property Animator 都是属性动画，直接操作 view 的属性，这就能在 layout 阶段时起作用了
API 19 - Transitions 变换动画，可以在 view 属性改变时插入预设动画
API 21 - Animated Vector Drawable 矢量动画，API 试用很简单，但是矢量设计这块很麻烦，复杂有点的一般 coder 还真搞不定
Android X - Physics 物理动画和 MotionLayout ConstraintLayout 中的动画

Flutter 中也有补间动画，特点和 android 的一样，我可讨厌了，不知道为啥 Flutter 还要把他带上，官方文档上说是为了给 window 用

剩下的 Flutter 动画以 属性动画 和 变换动画 为主，尤其是 变换动画 这块结合了 Transitions、Physics、MotionLayout 众特点于一身。Flutter 中的 Physics 我看更多以插值器的形式出现和配置的

Flutter 一切动画都是基于 AnimatedWidget 开发的(补间动画不知道是不是啊，没看)，而 AnimatedWidget 是对 Flutter 动画核心 API 的集大成者，这些核心动画 API 如下：

详细的大家去看我的这篇文章，再次说明这是 Flutter 动画的基础核心，我们自己改动画 API 也是在 AnimatedWidget 基础上操作，所以大家一定要搞明白

详细的请看：

就这几个，可见 Flutter 对他也是不怎么上心

和 android 的属性动画一模一样，思路都没变，这在 Flutter 中叫：内置动画

详细的请看：

Flutter 的变换动画融合和 android 中后来出现的动画概念，还包括 LayoutAnimator 布局动画

AnimatedSwitcher - widget 内容改变时可以播放自己指定的动画
AnimatedContainer - 带动画的 Container，像 Container 一眼使用，在其中 color、width、height、圆角改变时会触发过度动画，动画不能控制，有些类似与 path 动画
AnimatedCrossFade - 切换不同布局时可以显示动画，但是不能自己设置动画，默认就是淡入淡出，并且在大小不通切换时显示不好
DecoratedBoxTransition - 边框动画，核心是通过圆角角度的改变实现形状上的变化，这个变化是自然过度的，这点和 path 动画是一样了
AnimatedDefaultTextStyle - 文字样式改变时的切换动画，主要呈现的大小变换方面的动画，颜色的渐变过度不明显，但是体验不好的地方在于，大小字切换时字体粗细的变化真实有点辣眼，有点卡顿
AnimatedModalBarrier - 颜色改变的变换动画，特殊的地方在于其必须放到所操的 widget 的 child 中，有明确的应用场景，就是点击时改变背景色，比如 dialog 弹出时，背景变灰色
AnimatedOpacity - 透明度的变化动画
AnimatedPhysicalModel - 阴影变换动画，设置有些复杂
AnimatedPositioned - stack 中 widget 位置，大小变换动画
AnimatedSize - widget 大小变换动画

详细的请看：

最后啦，要感谢自己写技术博客的习惯，要不这些资料，这么细谁能记得清楚呢，所以啊大家能写博客就写点，写多休少不重要，重要的是要写。未来的你会感谢现在的自己的

有时我会回来看看自己写的文章，呀的一声，好惊讶啊，原来当时我写的文章这么 NB，这么有深度啊，原来我写了好几十万字啦，好些写小说的都没我写的多哈~