视频教程
一、案例效果
二、案例逻辑
1.设置不同的答案等于不同的分值
2.将所有题目的得分相加等于总分
3.根据总分不同跳转到不同的结果页面
三、涉及组件
幻灯片(切换到指定帧)、参数变量(等待触发,设置触发条件)、微信分享变量
文末附件下载素材,非商用,仅供学习使用。
四、功能设置
测试题1
1.插入幻灯片,选择图片(答案A的两种状态:选中状态和未选中状态)
2.调整幻灯片的位置,将答案A未选中状态图片拖到最前面
3.按照以上方法将其余两个答案以及确认按钮制作好
4.幻灯片触发器点击触发:答案A的子元素(未选中状态)触发器触发——切换到指定帧:答案A和确认按钮呈选中状态,BC呈未选中状态
5.按照以上方法将答案BC设置好
(1)点击答案B时:B切换到选中状态页面,A、C切换到未选中状态
(2)点击答案C时:C切换到选中状态页面,A、B切换到未选中状态
6.添加参数变量,命名为“测试题1”
7.修改参数变量的为数值,并设置初始值为0
8.幻灯片点击触发器:答案A的子元素(未选中状态)触发——设置参数值:”测试题1“参数变量等于1(可根据自己的需要自行调整)
9.按照以上方法将答案BC设置好
(1)点击答案B:“测试题1分数”参数变量等于2(可根据自己的需要自行调整)
(2)点击答案C:“测试题1分数”参数变量等于3(可根据自己的需要自行调整)
10.“下一题”勾选初始隐藏
11.幻灯片触发器点击触发:答案A的子元素(未选中状态)触发——显示元素:
12.切换到Masterpage页面,添加参数变量,命名为“总得分参数(位于MP)”
13.修改参数变量的为数值,并设置初始值为0并设置为等待触发
14.点击“下一题”触发设置参数值:“总得分参数(位于MP)”加”测试题1分数“,并跳转到下一页
测试题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分数“,并执行参数判断
11.切换到Masterpage页面选中“总得分参数(位于MP)”,在其触发器下添加触发条件:“总得分参数(位于MP)”<=3,跳转到第4页;“总得分参数(位于MP)”>3&“总得分参数(位于MP)”<=5,跳转到第5页;“总得分参数(位于MP)”>5,跳转到第6页。
答案1
12.点击“重来”触发设置参数值:“总得分参数(位于MP)”等于0并跳转到第0页
13.点击“分享”触发设置分享短语“我将来的孩子将来身高160cm ,你也来试试吧~”并播放提示分享动画
答案2
14.点击“重来”触发设置参数值:“总得分参数(位于MP)”等于0并跳转到第0页
15.点击“分享”触发设置分享短语“我将来的孩子将来身高170cm ,你也来试试吧~”并播放提示分享动画
答案3
16.点击“重来”触发设置参数值:“总得分参数(位于MP)”等于0并跳转到第0页
17.点击“分享”触发设置分享短语“我将来的孩子将来身高180cm ,你也来试试吧~”并播放提示分享动画
注意点:
1.页面背景相同可放在background页面里
2.总分参数变量放在masterpage页面里面,并设置等待触发
3.P指页面;M指Masterpage;B指background
回复(2)