# 动画

![animation-01][animation-01]  
您可以在预览和监控模式之间转换时配置将触发组件的动画。

- 属性

  - 延迟 - 开始动画之前的等待时间
  - 持续时间 - 每轮动画的持续时间
  - 间隔 - 动画之间的时间间隔
  - 重复 - 动画是否应自动重复
  - 自动播放 - 组件创建时动画是否应自动启动
  - Delta - 控制动画进度的动画增量函数（Animation Delta Function）
  - Ease - 动画增量函数的时间设置
    - 进 - 进入点
    - 出 - 完成点
    - 进出 - 进入点和完成点

- 动画类型

1. 旋转
   ![animation-02][animation-02]
   ![animation-03][animation-03]
1. 振动
   ![animation-04][animation-04]
1. 心跳
   ![animation-05][animation-05]
1. 移动
   ![animation-06][animation-07]
   ![animation-07][animation-06]
   ![animation-08][animation-09]
   ![animation-09][animation-08]
1. 轮廓
   ![animation-10][animation-10]

[animation-01]: ../images/animation-01.gif
[animation-02]: ../images/animation-02.gif
[animation-03]: ../images/animation-03.gif
[animation-04]: ../images/animation-04.gif
[animation-05]: ../images/animation-05.gif
[animation-06]: ../images/animation-06.gif
[animation-07]: ../images/animation-07.gif
[animation-08]: ../images/animation-08.gif
[animation-09]: ../images/animation-09.gif
[animation-10]: ../images/animation-10.gif
