admin管理员组文章数量:1530847
2024年6月6日发(作者：)
iH5初级教程:动画必备,Ｈ5＋GIF、幻灯片
GIF有四种方式添加,一是图片对象,二是图片序列，三是GIF动画对象、四是幻灯
片对象
第一种:选中舞台，从电脑桌面把GＩＦ直接拖到舞台，默认成为图片对象，并
且自动播放。可以对它像图片一样进行控制，拖动等。但是用这种方法GIF只能
循环播放。
第二种：选中舞台,点击工具栏的ＧIF工具，在舞台中间画出一个矩形,使用
，在舞台下添加按ＧIＦ动画对象上传GIＦ,选中舞台,点击工具栏的按钮工具
钮,选中按钮,点击工具栏的事件工具，按钮下添加事件，点击按钮,目标对象
ＧIF,目标动作从头播放。如果希望GＩＦ播放完后停在最后一帧,那导出的时候就
要设置只播放一次的格式。
第三种：选中舞台,点击工具栏的图片序列工具使用图片序列上传GIF，图片
序列本身播放速度较快,但对图片帧数有一定限制,建议不要上传过大的GIF或过
多图片。如果要一次上传大小或数量超过限制的图片,请使用图片工具。图片序
列后台转码，上传时请耐心等一会。
１、点击图片对象，选择自动播放，时间间隔０.2秒，则图片序列会比较慢地自
动播放。还可以通过播放次数控制图片序列播放多少次。
２、显示图片序号4,并且自动播放为ＮＯ，则显示第四张图片。
３、选中舞台，点击工具栏里的按钮工具
事件工具，按钮下添加事件
添加按钮，选中按钮,点击工具栏的
，点击按钮,目标对象图片序列,目标动作继续播
放。图片序列的属性面板，播放次数1,显示图片序号为空,自动播放为ＮO。预览
时点击按钮,图片序列播放,并停在最后一帧。
４、使用图片序列工具上传多张图片组成的ZIＰ文件,也可以通过播放次数、时
间间隔、自动播放等属性控制ＺIＰ。选中舞台,点击工具栏的按钮工具,舞台下添
加2个按钮,按钮1下添加事件,点击按钮1,点击工具栏的事件工具,目标
对象图片序列,目标动作显示下一张图片,按钮2下添加事件，点击按钮2,点击工
具栏下的事件工具,显示上一张图片。
第四种：
1、选中舞台，点击工具栏下的幻灯片工具，使用幻灯片对象上传GIF,可以
通过滑动方向、循环播放、滑动播放灵敏度、自动播放、时间间隔来控制GIＦ
的播放。滑动播放的灵敏度,如果不填,滑动一下,播放一帧。如果填1,则是滑动１
个像素，播放一帧，填１0,则是滑动10个像素,播放一帧。数字越小滑动越快。
使用幻灯片对象上传循环形的GIＦ,可以制作无限走廊等效果。
2、选中舞台，点击工具栏下的幻灯片工具，在舞台里拉出一个矩形,使用幻
灯片工具上传图片组成的ＺIP文件
。可以选择不同的翻页效果。
知识点：
ＧIF工具:通过GIF工具，您可以在iＨ5案例中添加一个GIF。用事件触发GＩF
播放。
图片序列:动画图片序列对象是一系列交替播放的图片,你可以上传多张图片文件，
通过动画图片序列工具来制作一个简单的动画。
幻灯片：通过幻灯片工具，您可以在iＨ5案例中制作轻松切换的幻灯片，像控
制视频那样去控制GIＦ的播放。
重点事件:
事件１：播放动画
触发对象:按钮
触发条件：点击
目标对象:舞台·动画
目标动作:从头播放
事件2:显示前后位置的图片
触发对象：按钮
触发条件:点击
目标对象:舞台·ＰＰＴ
目标动作:显示上一张或者下一张图片
Tiｐｓ：
上传GIF：
1. 使用图片对象：GＩF自动播放。
2. 使用GIF对象:通过事件触发其播放。
3. 使用图片序列:可设定播放次数,并完美停在最后一帧。
4. 使用幻灯片：可通过滑动播放GIＦ,制作无限走廊等效果。
上传ZＩP：
1. 使用图片序列:可自动播放或通过事件按顺序播放图片。
2. 使用幻灯片:可通过滑动让图片播放，有不同的翻页效果。
版权声明：本文标题：「iH5初级教程:动画必备,H5GIF、幻灯片」 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1717687742a598807.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论