.

14.测试题制作教程(幻灯+参数变量)

一米阳光发表于:2017年03月21日 17:20:05更新于:2021年07月22日 15:10:20

视频教程

一、案例效果

0015cc2a78025e87618d4d4b39f2e36


《测一下你未来小孩儿有多高》(可复制)


二、案例逻辑

1.设置不同的答案等于不同的分值

2.将所有题目的得分相加等于总分

3.根据总分不同跳转到不同的结果页面


三、涉及组件

幻灯片(切换到指定帧)、参数变量(等待触发,设置触发条件)、微信分享变量

文末附件下载素材,非商用,仅供学习使用。


四、功能设置

测试题1

1.插入幻灯片,选择图片(答案A的两种状态:选中状态和未选中状态)


2.调整幻灯片的位置,将答案A未选中状态图片拖到最前面

00158d0f809eb301f796214e80fc0c2


3.按照以上方法将其余两个答案以及确认按钮制作好


4.幻灯片触发器点击触发:答案A的子元素(未选中状态)触发器触发——切换到指定帧:答案A和确认按钮呈选中状态,BC呈未选中状态

00158d8ce0f5c455d070d4811c3bee9

00158d8cebc6fb1e29170657c41e654

00158d8cf666a078500e50eb9236a95


5.按照以上方法将答案BC设置好

(1)点击答案B时:B切换到选中状态页面,A、C切换到未选中状态

(2)点击答案C时:C切换到选中状态页面,A、B切换到未选中状态


6.添加参数变量,命名为“测试题1”


7.修改参数变量的为数值,并设置初始值为0

00158d8d202be17a7ece770d821c782


8.幻灯片点击触发器:答案A的子元素(未选中状态)触发——设置参数值:”测试题1“参数变量等于1(可根据自己的需要自行调整)

00158d8d0de6dfa1797ec4c08e02584


9.按照以上方法将答案BC设置好

(1)点击答案B:“测试题1分数”参数变量等于2(可根据自己的需要自行调整)

(2)点击答案C:“测试题1分数”参数变量等于3(可根据自己的需要自行调整)


10.“下一题”勾选初始隐藏


11.幻灯片触发器点击触发:答案A的子元素(未选中状态)触发——显示元素:

00158d8d2eab0b90f9e78f66f5d7c05

12.切换到Masterpage页面,添加参数变量,命名为“总得分参数(位于MP)”


13.修改参数变量的为数值,并设置初始值为0并设置为等待触发

00158d137aa753c41debcbe31ce730a


14.点击“下一题”触发设置参数值:“总得分参数(位于MP)”加”测试题1分数“,并跳转到下一页

00158d139e5a0ffab0e7f76779d047a


测试题2

1.插入幻灯片,选择图片(答案A的两种状态:选中状态和未选中状态)


2.调整幻灯片的位置,将答案A未选中状态图片拖到最前面


3.按照以上方法将另一个答案制作好


4.“下一题”勾选初始隐藏


5.幻灯片触发器:答案A的子元素(未选中状态)点击时触发——切换到指定帧:答案A呈选中状态,B呈未选中状态,并触发显示元素:显示“下一题”


6.按照以上方法将答案B设置好

点击答案B时:B切换到选中状态页面,A切换到未选中状态;显示“下一题”


7.添加参数变量,命名为”测试题2分数“


8.修改参数变量的为数值,并设置初始值为0


9.幻灯片触发器:答案A的子元素(未选中状态)点击时触发——设置参数值:”测试题2分数“参数变量等于1(可根据自己的需要自行调整)


10.按照以上方法将答案B设置好

点击答案B时:“测试题2分数”参数变量等于2(可根据自己的需要自行调整)


11.点击“下一题”触发设置参数值:“总得分参数(位于MP)”加”测试题2分数“,并跳转到下一页


测试题3

1.插入幻灯片,选择图片(答案A的两种状态:选中状态和未选中状态)


2.调整幻灯片的位置,将答案A未选中状态图片拖到最前面


3.按照以上方法将另一个答案制作好


4.幻灯片触发器:答案A的子元素(未选中状态)点击时触发——切换到指定帧:答案A和确认按钮呈选中状态,B呈未选中状态;并触发显示元素:显示“查看结果”。


5.按照以上方法将答案B设置好

点击答案B时:B切换到选中状态页面,A切换到未选中状态;显示“查看结果”。


6.添加参数变量,命名为”测试题3分数“


7.修改参数变量的为数值,并设置初始值为0


8.幻灯片触发器:答案A点击时触发——设置参数值:”测试题2分数“参数变量等于1(可根据自己的需要自行调整)


9.按照以上方法将答案B设置好(B:2;可根据自己的需要自行调整)

点击答案B时:“测试题2分数”参数变量等于2(可根据自己的需要自行调整)


10.点击“查看结果”触发设置参数值:“总得分参数(位于MP)”加”测试题3分数“,并执行参数判断

00158d1429210b08900805f219a9ae4

00158d14323b00bc523fb6ecb12e5f7


11.切换到Masterpage页面选中“总得分参数(位于MP)”,在其触发器下添加触发条件:“总得分参数(位于MP)”<=3,跳转到第4页;“总得分参数(位于MP)”>3&“总得分参数(位于MP)”<=5,跳转到第5页;“总得分参数(位于MP)”>5,跳转到第6页。 00158d1448052c9e44056b73427e768


答案1

12.点击“重来”触发设置参数值:“总得分参数(位于MP)”等于0并跳转到第0页

00158d146238711bb5eb09228c35ae3


13.点击“分享”触发设置分享短语“我将来的孩子将来身高160cm  ,你也来试试吧~”并播放提示分享动画

00158d148b5467856e464e93e41bea9

00158d148d1df7793b56d7ce86d7f6b


答案2

14.点击“重来”触发设置参数值:“总得分参数(位于MP)”等于0并跳转到第0页


15.点击“分享”触发设置分享短语“我将来的孩子将来身高170cm  ,你也来试试吧~”并播放提示分享动画


答案3

16.点击“重来”触发设置参数值:“总得分参数(位于MP)”等于0并跳转到第0页


17.点击“分享”触发设置分享短语“我将来的孩子将来身高180cm  ,你也来试试吧~”并播放提示分享动画


注意点:

1.页面背景相同可放在background页面里

2.总分参数变量放在masterpage页面里面,并设置等待触发

3.P指页面;M指Masterpage;B指background



附件:测试题《未来小孩有多高》素材.zip • 188.52KB • 下载

回复(2)