测试题案例教程

小常发表于:2017年09月17日 21:40:06更新于:2018年01月30日 17:11:25

测试题组件

功能:用于测试题并给答案赋值分数,并判断正误的功能。

属性:高级组件

使用方式:测试题组+图片按钮组件,结合使用;另外实现多种计分统计需求,还可以结合参数变量以及全局变量使用。

注意:添加后的测试题组件相当于一个参数变量,它可以赋值给文本组件等显示结果。复制页面,测试题组件的赋值、测试题组件跟图片按钮组件的绑定关系也一起被复制。

我们将测试题组件的使用分为以下几种方式为大家讲解:

方式一、

组件:测试题组件+图片按钮组件+全局变量/参数变量结合

案例

案例视频教程

百度云盘     密码:8m6n00159cf6dea3219301ee8cc2cf8a144

设置方式:

1.添加测试题组件以及多个图片按钮组件,并将两种组件绑定(测试题组件教程

image.png

2.赋值、设置答案

  • 右侧显示四个按钮的赋值区,假设我们想让答题者选对答案时得1分,选错时不得分,那就给正确答案的按钮给赋值1分,其他按钮赋值为0分

  • 在正确答案区选择正确答案

image.png

3.替换按钮图片

把已经在PS或者AI中做好的答案图片上传素材库,建议提前将单个图片按钮替换素材调整好后,再复制多个。

4.切换到masterpage中添加一个参数变量,命名为“总分”,用来记录累加每个测试题的得分。

注意:参数变量的触发方式,如果仅仅是用于计分,没有其他,可以设置为立即触发。

image.png

5.在页面中添加一个“下一题”的按钮组件,初始隐藏;给测试题组件添加触发器——选择结束时,触发这个按钮显示。

image.png

6.给下一题添加触发器,触发计入总分;并设置跳转页面(一般是下一页),禁止用户再次选择题目(需要给每一题限制翻页:如何限制),如图:

image.png

选择结束计分的设置逻辑:

当答题者选择答案后,若还可以改动答案,那得分计分这个触发就不能设置在测试题选择结束时的触发器上,防止重复点击某个选项造成重复加分。

因此需要在文字按钮“下一题”上设置触发器,触发计分,并触发跳转页面。

image.png

设置完成


设置小结:

所有的组件添加完毕——图片按钮替换完毕——下一题提示按钮初始隐藏——测试题组件添加选择结束时触发器——下一题按钮添加触发计入总分参数+跳转页面。

在这里,测试题组件做为一个参数变量参与了计入总分,即答题者选择哪个答案,哪个答案的值就被加到总分当中,并只限一次。

补充:测试题组件的触发器:选择正确时与选择错误时的基本用法,可以在用户选择某一答案后,可以显示答对或者答错的提示等。


方式二、

组件:测试题组件+图片按钮组件+参数变量+全局变量。

比起一种方式,这里添加了一个当前页面的参数变量,其实也可以直接用测试题组件自带的参数变量属性,但是为了大家多样化的需求,有必要告知大家这一结合使用的方式。

设置方式:

跟第一种设置方式的区别是,添加的这个参数变量,相当于代替了测试题组件这个参数变量,在这里只讲解关键区别的几步:

1.添加一个参数变量,初始为0,命名为“测试题2得分”image.png

2.给测试题组件添加选择正确与错误时的触发器,都将测试题组件的选择结果赋值给参数变量“测试题2得分”

image.png

3.同样给下一题添加触发器,触发将参数变量“测试题2得分”的值计入到总分,再跳转页面。如图:

image.png


方式三、组件:测试题组件+图片按钮组件+参数变量+全局变量+热区+选择正确时与选择错误时触发器

设置方式:

在第一二种方式的前提下,设置触发器选择正确时,触发一些用户提示,如:恭喜你,答对了。或错误的提示,抱歉,答错了,并且提示过后,再去点击其他答案是无效的,因为初始隐藏的热区现在显示了,并且覆盖在答案上层,遮挡了手势。如图:

00159bf7372bd7d43ada0b528708e01

热区是在测试题组件选择结束时触发显示的,热区设置初始隐藏。

image.png

然后在文字按钮“下一题”上设置计入总分的一些参数设置。

        以上是测试题案例实现的几种基本方式,由简单到复杂的设置过程,希望大家在使用该组件时可以发现更适合自己的方式,提出宝贵意见,以便我们及时补充更新。

相关教程:

1.如何做到首页输入姓名,最后成绩页面显示输入的姓名(全局变量)

2.如何实现根据得分结果不同,跳转到不同的页面。(条件判断或参数判断)

很多用户需要统计最后的选择结果,使用高级表单可以做到,可以看下这篇教程:高级表单收集选择题答题结果