Flutter 动画详解（一）

Android的动画，大的分类有两种：

• 视图动画（View Animation）
• 属性动画（Property Animation）

视图动画又可以分为两类：

• 补间动画（Tween Animation）
• 逐帧动画（Frame Animation）

这之间的差别是什么呢？它们只有实现上的差别

• 补间动画是根据初始状态，系统自动补充中间状态；
• 逐帧动画则是需要我们提供每一帧；
• 视图动画只是作用于视图上，而不会改变控件的属性；
• 属性动画则是会实实在在的更改控件的属性。

可以看出Android的动画分类还是比较明晰的。

2.2 iOS动画

iOS很久没弄了，在这里也简单说下，不对的话还请各位指正。

• 隐式动画
• 显式动画

显式动画又可以分为两类：

• 基础动画
• 关键帧动画

这些动画类别之间的差别是什么呢？

• 隐式动画，顾名思义是不指定动画类型，更改某个属性，Core Animation来决定如何且何时去做动画；
• 基础动画，根据起始值来做动画；
• 关键帧动画，则是定义一系列关键帧，系统自动补齐中间的过渡帧。

通过动画这一块儿，可以看出iOS的分类其实是比较的模糊的，有一些历史包袱。

2.3 css动画

css动画大体上有两种：

• Transition
• Animation

web中的动画分类简单的多了

• Transition动画，给定起始值，可以结合插值器做动画；
• Animation动画，则是定义一系列关键帧，系统补齐中间的过渡帧。

2.4 小节

通过上面个平台动画粗略的介绍，动画在不同平台虽然被叫着不同的名称，本质上其实都差不多的，变来变去都是这几种方式，要么根据属性要么根据关键帧࿰