快速制作H5测试题

VXPLO互动大师

第一步：
1、选中舞台，点击页面工具，添加10个页面，首页，8个题目页面，与结果页。分别重命名每个页面。

2、选中页面，设置翻页效果。

3、选中舞台，属性面板处设置翻页效果无，即只能通过事件翻页，不能通过滑动手指翻页，避免做测试题的时候跳题。

4、选中舞台，点击计数器工具，在舞台上画一个框，隐藏计数器前的勾，计数器只用于计数，不需要显示出来，所以隐藏。


第二步：
1、选中首页，点击图片工具，上传“测一测”图片。

2、选中图片，点击事件工具，添加事件。手指按下图片，舞台跳转下一页。

3、选中题目页，点击图片工具，上传背景图片和题目。

4、选中题目页，点击对象组工具，在舞台上画一个框，对象组在这里充当选项的父对象。
5、选中对象组，点击图片工具，上传3个选项图片。

6、选中选项，点击动效工具，添加弹跳动效，自动播放为NO，之后通过事件使之播放。

7、选中页面，点击图片工具，上传对和错的指示图片，图片初始可见为NO。

8、选中图片，点击动效工具，添加弹性进入放大动效。

9、选中页面，点击透密按钮工具，在舞台上选项的位置画一个框，充当遮罩。隐藏透明按钮前的勾，选中选项事，通过事件使透明按钮显示，让观众不能选择其他选项。

第三步：
1、选中正确选项的图片，例如A，点击事件组工具。触发条件为手指按下。

2、选中事件组，点击事件工具，添加4个事件。显示对的指示图片，计数器加1，显示透明按钮遮罩，A答案的弹跳动效开始。




3、选中选项的动效，添加事件，动效结束，舞台跳至下一页。

4、错误选项的事件与正确选项基本一致，但是没有计数器加1这个事件，错误选项不需要记分。

第四步：
1、选中结果页，点击图片工具，上传背景图片。

2、选中结果页，点击文本工具，充当结果的父对象，选中父对象，上传5张不同的结果图片。


3、选中舞台下的记分计数器，点击事件工具，添加5个事件，分别对应5个结果，但是事件前面的勾隐藏，即禁用这些事件，之后通过其他事件启用。记分计数器数值范围不同，显示不同测试结果。隐藏同层控件，则目标对象显示，与之同层的其他控件隐藏。





4、选中结果页，点击事件组工具，触发条件是页面显示。

5、选中事件组，点击事件工具，添加5个事件。触发记分计数器下的事件启用。即结果页显示后，启用计数器不同数值显示不同测试结果的事件。






零代码制作H5测试题，完成！
视频教程，或者想制作其他H5小游戏，或者测试题，或者抽奖活动，可直接登录www.ih5.cn   或加入iH5交流群：429970818