.

19.测试题组件

小常发表于:2017年12月20日 15:37:45更新于:2019年04月15日 11:34:06


视频教程


一、案例效果

0015c98439d95f147007a49a39aa1c6

《【答题测试】测测你有多冷》

《【测试题】意派学院入学考试》


二、应用场景:

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

《测一测你的理想生活》

《你是撩神还是撩渣,测一测你的七夕撩妹指数!》

《今天又挨了我爸一顿胖揍》

《【新东方】为什么假期比上学还累?因为姿势没摆对》

更多测试题案例》


三、素材准备

因为测试题要跟图片按钮结合使用,其实主要是准备图片按钮组件的素材,切记要用PNG或者JPG格式的图片,并且要注意将PNG多余的透明区域裁切掉,保证图片按钮的两个激活状态即两张图片一样大小,防止变形。


四、组件教程

基本用法

1.添加多个图片按钮组件,图片按钮教程请戳我。

image.png


2.添加测试题组件。在高级组件的交互组件中找到测试题组件,点击添加,测试题组件就会显示在逻辑小面板中。

image.png

3.测试题组件的设置 

(1)单击选中逻辑面板中的测试题组件,在右侧面板点击“+”号添加按钮(按钮最好提前命名,方便稍后赋值)——选择要添加的按钮——点击“对号”确认。

image.png


(2)给测试题绑定的图片按钮赋值设置答案。

选中测试题组件,右侧显示四个按钮的赋值区,分别给每个选项设置值,可以是文本或者数值。

(3)在正确答案区选择正确答案。image.png


4.小结:测试题组件要绑定多个图片按钮组件使用,被测试题组件绑定后的按钮就具备了【单选】的属性,并且测试题组件这时变成当前页的一个参数变量,其值跟随选择值变化。


高级案例用法

测试题组件案例教程