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. 使用幻灯片：可通过滑动让图片播放，有不同的翻页效果。

iH5初级教程：动画必备，H5+GIF、幻灯片