.

6.使用动画组

U老师发表于:2016年07月14日 23:43:54更新于:2019年04月24日 15:22:37

一、操作场景

动画组是指将2个及以上相关的动画归到一个组里,进行整理控制,比如整体循环播放、或整体被触发执行。动画组不可复制。比如元素本身有了放大出现和直线运动两个动画,将两个动画归到一组里。

典型样例:微信翻页提示。微信场景应用中,最典型的例子是提示翻页的箭头动画,可能会由两个动画组合而成:

1.直线运动动画:使得箭头可以向上运动

2.透明度动画:使得箭头有闪烁的效果


二、具体设置:

1.在动画时序面板,添加动画组。

001578a35245d59446ac9d3039a23e9

2.添加后是下图的样子

001578a3564e4b4d11089b842b7d3c3


3.后选中动画的文字部分,向下向右拖,使拖动的动画成为动画组的二级,如下图,

001578a3768778c838a10fbc5d6ca28


4.剩下的动画按照此方法拖进动画组,最后,两个动画就成为一组了,下图中2属于1,此时两个动画就会作为一个整体执行了。

001578a368511eac09ff3e3614f3313


5.如何基于两个动画,创建动画组,并设置为循环执行呢?具体设置方法如下图所示:

001567b5909494a5c5860997c56b4b3


6.动画组选项

blob.png

  • 动画名称   
    可以为动画组命名以便管理

  • 延迟(秒)
    动画组可参与整体动画序列,并受延迟时间影响;

  • 重复(次)
    动画组本身可以设置重复次数

  • 出现方式    
    同单个动画一样,可以参与整体动画序列,也可以被动作触发执行

  • 等待触发器触发
    同单个动画一样,可以被触发器控制执行


回复(3)