前面介绍的方法是针对对象自身进行的触发动画,现在我们介绍更灵活的多对象触发动画,即触发对象和显示对象分开。
案例:图片类热点触发
热点其实是对于某个可触控区域的专业术语。建立热点触发,就是指点击图片某个区域,然后显示相应的内容。
图片类热点触发效果一、制作思路
1、制作显示内容,如果是多个对象,需组合并命名。
2、利用矩形、圆形、多边形工具绘制热点区域,并命名。
3、对显示内容设置动画,并将触发器设置为热点区域。
二、实操解读
(一)制作显示内容
显示内容有两个,分别是台湾标志和台湾两个组合。
显示内容(二)制作热点区域
因为台湾的地图不是规则区域的,所以这里选择用“多边形”工具进行绘制,并命名。
绘制热点因为热点区域不必显示,所以将多边形的“线条”设置为“无线条”,“填充”修改“透明度”为“100%”。
修改热点形状属性(三)设置触发动画
选择显示内容,然后设置动画,触发指向热点。
设置标志的触发同一热点可以触发多个动画,选择另一个要显示的内容,设置动画并将触发指向热点。
同一触发多个动画因为同一触发有多个动画,而每个动画也可以单独出现、延时出现、全部出现等,所以不同的组合就可以实现多种显示效果。
单击开始1、单击开始:每点击一次热点区域(如台湾地图的热点区域),就依次显示一个动画。
2、从上一项开始:后面的动画会和前面的动画一起出现。
3、从上一项之后开始:在上一项动画完成后再开始。
制作后的效果(四)制作其他热点
因为显示内容的区域会重复,可以点击“选择窗格”中对象右边的眼睛进行隐藏。
隐藏不操作的对象制作相关内容,并设置动画和触发。
制作显示内容和动画(五)设置重复区域显示内容的消失动画
如果显示内容出现的区域是重复的,因为图层的关系,可能会导致图层下方的内容因为上方内容遮档而无法显示,所以要对其他显示内容进行消失动画的处理。
重复区域以本案例来说明,就是在台湾热点中增加四川内容的消失动画,在四川热点中增加台湾内容的消失动画。
因为四川内容已经设置过动画了,所以要增加一个消失的四川内容动画,就要点击“添加动画”按钮中的“消失”。
增加消失动画将消失动画的触发点设置为“台湾热点”
设置四川内容消失的触发点更改消失的播放为“从上一项开始”,
设置消失的动画通过拖动来调整消失动画为最前面。
调整消失动画的顺序用相同的方法设置所有的消失动画和顺序。
设置所有的消失动画(六)设置最上面的显示内容消失动画
为了切换到页面时没有任何显示内容出现,需要将最上面一层的显示内容进行消失动画的处理,方式为“从上一项开始”。
设置最上面显示内容的消失动画三、其他
这种方法在设置动画的时候略为复杂了一点,重要的原因就是因为显示区域是重复的,所以要先消失其他显示内容,再显示应该出现的内容。但如果显示区域并不重复,那只需要进行前几步就可以了。
案例:文字类热点触发
利用图片类热点的方法可以轻松实现对文章中个别文字的点读功能。
1、在文字的上方绘制矩形热点(透明度100%无线条),然后将右侧显示内容的动画触发设置给矩形热点即可。
2、在左侧的矩形文字按钮(作者、译文、原文),分别给相应的动画设置为触发区域。点击“作者”显示作者信息,点击“译文”显示译文信息,点击“原文”清空所有显示内容和重点。
提示:这三个按钮的位置在左下方,目的是因为在教室的电子白板、液晶一体机上老师要操作的区域一定要在顺手的地方,千万不要在屏幕最上方设置要点击的区域,不然很容易出现暴露身高的问题。
3、完成品看着复杂,实际在制作的过程中是以搭积木的形式进行的,一步一步的制作,关键是一定要有清晰的制作思路,否则很容易出现混乱。当然每一个对象一定在建立的时候就要有名称!!!!否则当对象多了以后想再修改的时候就知道惨了!
制作过程对于重点字和词语,第一次单击只显示重点符号,此时可以由学生点击他想了解的字和词,也可以由教师抽问,然后再次点击才会出现正确答案和读音。
最终文字类热点效果
网友评论