查看: 19643|回复: 0

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

[复制链接]

0

主题

12

回帖

22

积分

会员

Rank: 5Rank: 5

积分
22
发表于 2015-11-30 23:02:19 | 显示全部楼层 |阅读模式
尹广磊公众帐号
本次主题是跳转结果评分页告诉你答对了几题的测试题。
本次制作是5道题目的测试题,答题过程中选择了答案后点击跳转下一题,最后的评分会告诉你一共答对了几道题目。


1. 准备素材

之前有iH5粉私信我说应该要给这些对象都重命名一下,这样会更容易辨别这些对象到底哪个是哪个。所以这次在图中就重命名了对象。

解释一下新建这个对象的意义吧,首先新建一个页面,题目和选项就不需要说明了吧。这个容器下的矩形1和矩形2呢就是选项框,用来提示用户选择了哪一个选项。至于为什么放在一个叫做“容器”的透明按钮下呢,这个透明按钮对象是两个矩形对象的父对象,是为了后面的事件来做的准备。

然后再添加一个计数器,这个计数器用来判断答题的对错以及后面的计算答对题数。
图片1.png




2. 添加“用户点击显示边框”的事件。

当用户选择选项一的时候,矩形1显示,表示用户正在选择的是矩形1。所以,我们为了制作这样的一个提示,需用添加一个事件来完成。选中对象树下“选项一”对象,在左边的工具栏找到事件工具并选择,将事件添加在“选项一”下。

触发条件为轻触(指的是手机端上的手指点击动作),目标对象为“容器”对象下的“矩形1”,动作是显示。
图片2.png


针对“选项二”对象,跟“选项一”是同样的操作,设置是一样的。只是事件的目标对象变为矩形2。
图片3.png




3.添加“用户多次选择后,除选择项外的框都隐藏”的事件。

分别选中“矩形1”和“矩形2”对象,在“矩形1”和“矩形2”下各自添加一个事件。触发条件为显示,目标对象为它自身,目标动作为隐藏同层控件。

隐藏同层控件的意思是当动作触发时,与目标对象同一层的其他对象都将会隐藏。这样做就会达到点击第一个显示其他选项的提示框都会隐藏,当选项有多个的时候使用这个事件尤为方便。
图片4.png

图片5.png




4. 隐藏矩形1和矩形2,使其在案例打开时处于隐藏状态。

这样案例预览时就可以实现选择选项一时,“矩形1”显示,选择选项二时,“矩形2”显示,“矩形1”隐藏。
图片6.png




5.添加“判断题目是否列入答对的题目中”的事件。

“选项一”和“选项2”下各自添加一个事件,用来判断用户选择了哪个选项。在本示例中,我们假定只要选择了选项一都是正确的。所以“选项一”下的事件,我们将触发条件设置为轻触,目标对象设置为计数器1,目标动作为赋值,赋值的值为1,而“选项二”则赋值为0。
图片7.png

图片8.png




6.制作其他四个页面并新建结果页面。

选中页面1,右键复制后。选中舞台,粘贴4个页面。为了防止混淆,可以把题号更改一下或者将页面的背景颜色改变一下。
图片9.png
图片10.png
图片11.png


添加相对应的问字和一个计数器在最后一页,用来计算。
图片12.png




7.制作跳转下一页的事件。

在左边的工具栏中找到图标添加事件,点击下一题可以跳转下一页,但是注意这个跳转页面的事件中,目标对象是舞台。

如果想要答题之后直接跳转下一页可以在选项下再添加一个跳转页面的事件。但这两个跳转都要记得将舞台的滑动页面设置为“无”,否则会出现既能翻页也能跳转页面的状况。
图片13.png




8.添加变量并进行计算

在舞台下添加5个变量,将页面1-页面5的计数器分别进行绑定,变量名称分别命名为a,b,c,d,e。
图片14.png

图片15.png




9.在结果页(页面6)添加一个计算答对题数的事件。

由于前面的变量绑定了计数器,于是变量可以代表计数器本身,获得计数器的数值。而计数器是用来判断是否答对题目的,所以在计算结果的页面我们可以通过事件赋值这样的计算得到答对的题目数。

由于我们需要它自动显示,而事件必须要有触发条件的,所以我们选中结果页(答题页),添加一个事件,触发条件为显示。目标对象是计数器1,目标动作是赋值,将5个变量进行相加。
图片16.png
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2024-3-29 17:29

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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