如果将动画设为循环播放,则会使动画重复播放。您可以在高级模式下将动画设为循环播放。每个元素的动画都可以单独设为循环播放,或者您也可以将涉及多个元素的更复杂的动画设为循环播放。
将单个元素的动画设为循环播放
- 在时间轴上,点击您希望设为循环播放的动画层对应的设置动画重复播放 按钮。
- 在弹出式菜单中,选择下列选项之一:
- 无限 - 动画将无限次循环播放。
- ___ 次 - 动画将按指定的总次数循环播放。
- 无 - 动画不循环播放。
设为循环播放的关键帧在时间轴上会显示为半透明副本。在下面的示例中,red-div 元素有一个时长为 0.5 秒的动画,并且该动画共循环播放 4 次。
您可以点击时间轴上的播放 ,在场景中预览设为循环播放的动画。
将包含多个元素的动画设为循环播放
您可以添加一个事件,将页面中的所有动画设为按您指定的开始时间和结束时间进行循环播放。
- 在您希望动画开始循环播放的位置设置一个时间轴标签:
- 在事件轨道(时间轴的第一行)上您希望动画开始循环播放的位置点击右键,然后从弹出式菜单中选择添加标签…。
- 在弹出式对话框中输入标签名称,例如
loopStart
。 - 按 Enter 键。
- 在事件轨道上您希望动画结束循环播放的位置点击右键,然后从弹出式菜单中选择添加事件。
- 双击事件标记 ,以便对事件进行配置:
- 对于操作,请选择:
- 时间轴 > gotoAndPlay(无限次循环播放)。
- 时间轴 > gotoAndPlayNTimes(循环播放指定的具体次数)。
- 对于接收方,请选择相应页面。
- 对于配置,请选择先前创建的标签(例如
loopStart
),并设置要重复播放的次数。
- 对于操作,请选择:
使用预览 按钮可以在浏览器中预览设为循环播放的动画。