烧脑预警!看懂这篇文章就可以彻底玩转「触发器」动画!
超链接
下面这页PPT取材于陈老师2006年的PPT处女作,当时觉得自己能做出这种跳来跳去的PPT,真是像网页一样的高大上!现在呢,看得我简直尴尬症都犯了:
那么,触发器的原理到底是怎么样的?它的应用范围如何?具体应该怎样来玩呢?今天陈老师就来为大家做个小总结。
01 触发器原理
和「超链接」点击触发页面的跳转有所不同,「触发器」点击之后触发的是本页的动画效果。
不过,这一动画效果又和普通动画有所不同:普通动画是「序列动画」,只能一个接一个的播放,而「触发器动画」走的是单独的流程,只有满足特定条件(「触发器」被点击),动画效果才会出现。
如果你只是在页面空白处点鼠标,哪怕本页所有动画都播放完翻页了,触发器动画也不会被播放。
这就好像机场里的绿色通道——普通乘客一个个排队过安检,而满足特定条件的人员(如机组成员)则从专门的绿色通道里通过。
就算安检口根本不排队,甚至所有乘客都走完了,你也不会看到有机组人员从这里经过。
「触发器动画」就是这么一套独立于普通动画序列之外的动画系统。
02 PPT触发器的基本设置流程
道理搞懂了,具体该怎么设置一个触发器动画呢?
触发器动画的设置流程是:「先做动画,再定触发」。例如下面这个「点圆出方」的动画:
制作的顺序流程是:
1、绘制出形状;
2、制作正方形的「淡出」动画;
3、将「淡出」指定为点击圆形时触发播放。
前面两步都很简单,最后一步是设置的关键,操作过程是:在「动画窗格」中选中「淡出」动画,点击菜单栏上的「触发-单击」,然后选中作为触发器的形状。
这一设置过程需要注意两个要点:
要点1:设置「触发器」时要。
虽然在本例中选中对象也能达到同样的效果,但这一规律不具备普遍性。
例如当正方形同时具备多种动画时,选中正方形后设置「触发器」,会把所有正方形的动画都设置为触发型:
只有在「动画窗格」选择某个具体的动画,才能将这一特定动画指定为触发:
要点2:由于指定触发器是从下拉菜单列表中勾选元素名称,而不是直接选择页面上的元素,所以用作触发器的「按钮」,必须要弄清楚。
当页面对象较多时,面对一堆「椭圆2」、「矩形3」、「图片5」……会很难找到想要指定为按钮的对象:
在指定之前,先选中按钮对象,打开选择窗格,将其改为特殊的名称,如「点一下年薪百万」,等到指定触发器时就很容易找到这个按钮了。
03 触发器几个鲜为人知的特性及运用
接下来给大家介绍「触发器」的几个鲜为人知的特性,非常实用。如果你想要制作交互型的PPT,那请一定不要错过下面的内容。
特性一:超链接返回自动触发
前面我们说过,「触发器」主要用于触发本页内部的动画效果,而「超链接」则负责页面之间的跳转——那如果给触发器按钮同时添加上一个超链接,会是什么样的情形呢?
是先触发动画效果再跳转?还是直接就跳转到其它页,根本等不及动画效果出现呢?
事实证明,「超链接」胜——只要按钮带有超链接,点击瞬间页面就跳转了。可是,如果你足够细心,你会发现跳转后的情形有点微妙的不同。
这里有3页幻灯片,在第2页上有两个带「超链接」的按钮,可以跳转到第1页和第3页。同时按钮也设置了点击后消失的「触发器动画」,每次页面跳转后,我们都手动翻页再回到第2页:
发现不同了吗?
跳转到第1页,往后翻回第2页时,「上页」按钮的「触发器动画」未被触发;
而跳转到第3页,往前翻回第2页时,「下页」的「触发器动画」自动触发了——你可以再看一遍GIF图,我专门移开了鼠标,以证明我并未点击按钮。
这说明:虽然「超链接」可以抢先「触发器」一步,完成页面跳转,但还未来得及展示的触发器动画并没有就此作废,一旦页面回到该页,触发器动画会自动完成。
那为什么从第1页翻到第2页时动画未触发呢?
这是因为页面在从前往后滚动播放时,每进入新的一页会自动刷新恢复到初始状态,所以「上页」按钮的触发器动画在进入第2页时被「清零」了。
当然我们也可以绕开这个「清零」机制——别用手动翻页,设置「超链接」跳转回来,就行了。这样哪怕从第1页返回第2页,触发器动画也会自动完成了:
利用触发器的这个特性,我们可以非常容易的制作出比赛用的选题系统——选手可以在屏幕上任意选题,跳转到问题的对应页面。
完成答题后返回选题页面,刚才选过的题号会自动消失,后面的选手只能在剩余题目中选择回答——下面就是陈老师为学院举办的视唱比赛制作的选题系统:
特性2:单一触发器的多次触发
前面的案例,每一个触发器按钮都是对应的一个对象的一个动画,如果是对应一个对象的多个动画,或者是多个对象的多个动画,情况又会是如何呢?
通过实践,我们发现,不管是哪种情况,触发器按钮虽然就只有一个,但它也是在自己的独立系统中有计数的:
当触发器对应单一对象的多个动画时,我们可以制作出这样的效果:
当触发器对应多个对象的单一动画时,我们可以制作出这样的效果:
很多人会觉得,这样的效果有啥特别的?不用触发器不用按钮不也可以实现点一下出一个动画吗?
窍门就在于「触发器动画」是自成体系的,这就意味着我们可以同时并行多个这样的动画体系。于是多小组比拼,答对积分,看谁先跑到终点或者先到100分的竞赛系统就可以制作出来了:
怎么样,是不是非常的巧妙兼实用呢?