1.2 Animation 动画 - Classic Anima

---

Animate a number (ex: position, opacity, scale) using a standard animation curve whenever the number is changed.
See Animation Basics for more information.

值改变时，用标准动画曲线对值进行动画处理（例如：位置，不透明度，比例）。
更多信息，请查看动画基础 。
(板栗：就是给状态A到状态B之间的切换添加缓动动画，一般用来模拟物体运动的阻力摩擦力这种物理运动规律)

输入口

Number 值
The number to animate to.
动画的值。(板栗：连接到这个接口表示同时使用下面的借口属性，相当于“全选”下面属性。)

Duration 持续时间
The length of the animation, in seconds.
动画的时间要多长（单位秒）。

Curve 曲线类型
The easing curve to animate with. The options are:

1. Linear
2. Quadratic In, Out, In & Out
3. Cubic In, Out, In & Out
4. Exponential In, Out, In & Out
5. Sinusoidal In, Out, In & Out

缓动曲线。以下为选项：(板栗：点击Curve接口选择)

1. Linear 线性，匀速
2. Quadratic In 二次方缓慢进入，先慢后快
3. Quadratic In Out 二次方缓慢退出，先快后慢
4. Quadratic In In & Out 二次方缓进缓出，慢 ➔ 快 ➔ 慢
5. Cubic In 三次方缓慢进入，先慢后快
6. Cubic Out 三次方缓慢进入，先快后慢
7. Cubic In & Out 三次方缓慢进入，慢 ➔ 快 ➔ 慢
8. Exponential In 指数缓慢进入，先慢后快
9. Exponential Out 指数缓慢进入，先快后慢
10. Exponential In & Out 指数缓慢进入，慢 ➔ 快 ➔ 慢
11. Sinusoidal In 正弦缓慢进入，先慢后快
12. Sinusoidal Out 正弦缓慢进入，先快后慢
13. Sinusoidal In & Out 正弦缓慢进入，慢 ➔ 快 ➔ 慢

(板栗：曲线长啥样不太清楚但是可以看一下几个曲线运动的示例）

曲线 In ：慢 ➔ 快 曲线 Out ：快 ➔ 慢 曲线 In & Out ：慢 ➔ 快 ➔ 慢

输出口

Progress 进度
A number that is tweened with an easing curve as it moves toward the Number input.
Typically a progress value. See Animation Basics for more information.
输出动画信息，一般会接到Transition模块的入口。
更多信息，请查看动画基础 。

---

Related Patches 相关模块

Pop Animation 弹性动画， Repeating Motion 重复运动， Transition 过渡

---

Related Examples 案例

Moments Onboarding
The original Moments app full onboarding flow.

案例的链接暂时还没有

---