一、动画时序简介

动画时序，动画或动画组执行的先后顺序，一般是两个以上，为了方便大家理解，在这里，从简单的2个动画到多个动画及动画组，为大家讲解动画时序。

二、功能设置

用出现方式控制动画时序

1.两个动画先后执行。如图，在画面中添加小人图片，并给小人添加两个动画，默认不修改任何设置。

若想实现动画1播放完再播放动画2，动画2设置如下：

动画属性设置面板选择出现方式【上一个之后开始】（也是所有动画设置的默认出现方式），点击橙色对号确认。

2.两个动画一起执行。把动画2的出现方式改为【和上一个一起开始】，就可以和上一个动画一起播放。

用等待触发器触发控制时序

1.以上两种动画顺序效果也可通过触发动画的方式。借助勾选【等待触发器触发】来设置：

动画触发器控制时序

1.两个动画先后执行：

打开动画2的动画属性设置面板，勾选等待触发器触发；

 打开动画1的动画属性设置面板，设置动画触发器——动画结束时——点击+号添加播放动画选择动画2，如图：

2.两个动画一起执行：

打开动画2的动画属性设置面板，勾选等待触发器触发；

打开动画1的动画属性设置面板，设置动画触发器——动画开始时——动画2播放，如图：

用延迟时间控制时序

1.两个动画先后执行

动画1的持续时间默认是0秒，我们不做改动；

打开动画2的动画属性设置面板，选择出现方式【和上一个一起开始】；即动画1、动画2一起执行；但是给动画2设置延迟时间为1秒，即动画1播放完后，动画2要等1秒才播放。这样就形成了两个动画一前一后执行的效果。如图：

补充：如果动画1设置了延迟1秒，动画2的出现方式为【和上一个一起开始】，动画2跟动画1一起执行的时候，动画2也要跟着动画1一起延迟1秒。

动画2在动画1播放完后延迟播放。如果出现方式改为：上一个之后开始，即动画1执行完动画2再执行，但是设置了延迟时间，动画要在播放前再晚1秒播放。

多个动画或动画组执行的时序调整

选中这个圆形并添加3个动画，现在想要动画1执行完以后，动画2、动画3才一起执行，看一下有什么方式可以实现：

将动画1、2、3的出现方式都设置为默认的【上一个之后开始】。然后到右侧的动画时序管理面板，看下动画的执行顺序从上到下依次是动画1、动画2、动画3。

为了方便，我们用到动画组。点击添加动画组右侧的橙色+号，新建动画组。

将动画2、动画3拖动至动画组里，向下并向右拖动动画，如图：

动画组内的动画按照各自的顺序先后执行。动画组可以等待别的触发器来触发，也可以跟单独的某个动画一样，在其他动画结束后自动执行；

对于动画组的理解：一是动画组内每个动画各自执行有自己的先后顺序；二是也可以把动画组当作一个动画来执行。

多个动画组间时序设置，原理跟单个动画的执行类似。如图：

动画时序面板调整小技巧。直接拖动动画，可以调整动画的上下叠放次序，也同时调整了动画的播放先后次序。

关于动画时序就讲解到这里，熟练掌握动画之间的先后执行顺序，便于我们灵活呈现元素的出现顺序及效果，快打开编辑器试一试吧。