iH5初级教程：动画必备H5GIF、幻灯片.docx

iH5 初级教程：动画必备，H5+GIF、幻灯片GIF 有四种方式添加，一是图片对象，二是图片序列，三是 GIF 动画对象、四是幻灯片对象第一种：选中舞台，从电脑桌面把 GIF 直接拖到舞台，默认成为图片对象，并且自动播放可以对它像图片一样进行控制，拖动等但是用这种方法 GIF 只能循环播放第二种：选中舞台，点击工具栏的 GIF 工具 ，在舞台中间画出一个矩形，使用 GIF 动画对象上传 GIF，选中舞台，点击工具栏的按钮工具 ，在舞台下添加按钮，选中按钮，点击工具栏的事件工具 ，按钮下添加事件，点击按钮，目标对象 GIF，目标动作从头播放如果希望 GIF 播放完后停在最后一帧，那导出的时候就要设置只播放一次的格式第三种：选中舞台，点击工具栏的图片序列工具 使用图片序列上传 GIF，图片序列本身播放速度较快，但对图片帧数有一定限制，建议不要上传过大的 GIF或过多图片如果要一次上传大小或数量超过限制的图片，请使用图片工具图片序列后台转码，上传时请耐心等一会1、点击图片对象，选择自动播放，时间间隔 0.2 秒，则图片序列会比较慢地自动播放还可以通过播放次数控制图片序列播放多少次2、显示图片序号 4，并且自动播放为 NO，则显示第四张图片。

3、选中舞台，点击工具栏里的按钮工具 添加按钮，选中按钮，点击工具栏的事件工具，按钮下添加事件 ，点击按钮，目标对象图片序列，目标动作继续播放图片序列的属性面板，播放次数 1，显示图片序号为空，自动播放为 NO预览时点击按钮，图片序列播放，并停在最后一帧4、使用图片序列工具上传多张图片组成的 ZIP 文件，也可以通过播放次数、时间间隔、自动播放等属性控制 ZIP选中舞台，点击工具栏的按钮工具，舞台下添加 2 个按钮 ，按钮 1 下添加事件，点击按钮 1，点击工具栏的事件工具，目标对象图片序列，目标动作显示下一张图片，按钮 2 下添加事件，点击按钮 2，点击工具栏下的事件工具 ，显示上一张图片第四种：1、选中舞台，点击工具栏下的幻灯片工具 ，使用幻灯片对象上传 GIF，可以通过滑动方向、循环播放、滑动播放灵敏度、自动播放、时间间隔来控制 GIF的播放滑动播放的灵敏度，如果不填，滑动一下，播放一帧如果填 1，则是滑动 1 个像素，播放一帧，填 10，则是滑动 10 个像素，播放一帧数字越小滑动越快使用幻灯片对象上传循环形的 GIF，可以制作无限走廊等效果2、选中舞台，点击工具栏下的幻灯片工具 ，在舞台里拉出一个矩形，使用幻灯片工具上传图片组成的 ZIP 文件 。

可以选择不同的翻页效果知识点：GIF 工具：通过 GIF 工具，您可以在 iH5 案例中添加一个 GIF用事件触发 GIF播放图片序列：动画图片序列对象是一系列交替播放的图片，你可以上传多张图片文件，通过动画图片序列工具来制作一个简单的动画幻灯片：通过幻灯片工具，您可以在 iH5 案例中制作轻松切换的幻灯片，像控制视频那样去控制 GIF 的播放重点事件：事件 1：播放动画触发对象：按钮触发条件：点击目标对象：舞台·动画目标动作：从头播放事件 2：显示前后位置的图片触发对象：按钮触发条件：点击目标对象：舞台·PPT目标动作：显示上一张或者下一张图片Tips：上传 GIF：1. 使用图片对象：GIF 自动播放2. 使用 GIF 对象：通过事件触发其播放3. 使用图片序列：可设定播放次数，并完美停在最后一帧4. 使用幻灯片：可通过滑动播放 GIF，制作无限走廊等效果上传 ZIP：1. 使用图片序列：可自动播放或通过事件按顺序播放图片2. 使用幻灯片：可通过滑动让图片播放，有不同的翻页效果。