查看: 7022|回复: 0

[使用教程] 手把手教你如何利用iH5来制作各类测试题选择题(系列2)

[复制链接]

0

主题

12

回帖

22

积分

会员

Rank: 5Rank: 5

积分
22
发表于 2015-11-25 21:31:46 | 显示全部楼层 |阅读模式
尹广磊公众帐号
说好了教你制作测试题的系列陆续有来。说到做到!今天又来拜见大家啦!第二波更新!

今天的主题是“如何制作根据用户的选择跳转到不同题目和不同结果的测试题”。

在开始之前先来给大家理一下今天示例的跳转逻辑。具体逻辑如图,建议大家在做这个跳转页面的时候先理清一下逻辑,可以像这样先做一个图。这样在做跳转页面事件的时候就不会乱套啦。简单一些,我们这次的逻辑如下图,只有4题。大家在自己做的时候也可以想我这样列一个表哦。

图片1.png



理清逻辑之后,接下来就开始进行操作了~




1.准备基础素材。

新建1个页面,添加相关字体和矩形选择框。选中页面1右键选择复制后,选中舞台,粘贴3个相同的页面,将每一页中的中文字体的题号分别更改为1-4。再添加两个答案页面,还可以作为结果的两页重命名为“答案1”和“答案2”。
图片2.png

图片3.png


为了更明显地辨认前四个页面,可以分别选中每个页面,将每个页面的背景颜色改成不同的颜色。
图片4.png




2.添加跳转页面的事件。

在矩形1和矩形2下添加事件,由于层的关系,在预览本案例的时候点击选项一,则实际上点的是矩形1,所以我们点击选项一和选项二然后发生的跳转页面事件中,触发对象必须是矩形一和矩形二。
目标对象则是舞台,只有当目标对象为舞台时,才会出现跳转页面的目标动作,然后再来选择要跳转的页面。
图片5.png


矩形2下的事件1也是一样的道理。
图片6.png




3.制作页面2至页面4的跳转事件。

同步骤2的方法,制作页面2到页面4中的跳转事件。本示范案例中具体的跳转页面逻辑可以本文的开头部分去观看哦。
图片7.png


对了,有人也许会问:为什么我上下还能翻页,跳转也能跳转页面啊?那是因为舞台属性的“滑动页面”选项没有设置为“无”。“滑动页面”的属性默认是上下滑动的哦。所以此类跳转页面的案例在制作时,要记得选中舞台,找到左边的舞台属性里的“滑动页面”选项,将它设置成“无”。
图片8.png


好了,今天的系列2就到此结束,请期待“手把手教你如何利用iH5来制作各类测试题”系列3吧!
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2025-6-20 00:11

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表