在H5作品中,许多问题的解决有时只需参数变量,所以简单总结了一些使用场景,帮助大家理解参数,提供更多问题解决方法。
一、变量使用场景
场景一:测试题H5中使用参数
1.给元素赋值。一般用于测试题,使某个答案的值为指定的分数。
给用于显示答案的图片,添加一个参数变量,当选择不同的答案时,参数变量会被赋予不同的值,值得多少由我们自己定义设置。通过设置参数值的触发器行为,给元素设置点击时参数变量=几。具体怎样设置,步骤如下:
场景二:累加值(统计分数)
在Masterpage页面添加一个参数变量,来统计整个作品中多个题目的总得分情况。有具体的案例跟教程,可以戳链接查看用参数组件完成测试题的教程。当然,做测试题也可以使用测试题组件,相比直接用参数变量设置,更加方便,并设有答案正误的设置。
场景三:传递值
一般传递值得设置是跨页面进行传递,比如在H5作品的开头页面我们输入了自己的姓名,在进行一系列的操作后,在最后一页显示我们在开头输入的姓名,就需要用到变量的传递属性。可以根据该教程理解:戳教程链接。
场景四:用参数控制交互过程路径,如随机数
随机测试题(假设有10道题目,我们要用户随机抽取5道题目做题)
1.这里有一个相对简单的方式,将10题目分成2组,在第一页或Masterpage页添加一个参数变量,将其参数类型设置为随机数;
因为10道题,每组5道题目,分成2组,所以随机数的值就是2个值1~2,并给该参数变量设置等于不同的值时,跳转到不同组的题目的第一题。
这样用户进入到H5,随机抽到的是任意一组题目,也可以设置其他组别。
2.给第一页设置页面触发器——切换到当前页面时——触发参数变量随机数重置,这样页面会根据不同的随机数自动跳转至提前设置好的指定页。
二、变量用法
高级用法
用法1:用参数控制用户交互行为,如记录手势触发次数二次触发其他行为。
(1)添加参数变量,设置参数类型为数值;初始值为0;
(2)设置页面滑动触发器——向左滑动时——设置参数值——参数变量=1
(3)设置页面滑动触发器——向右滑动时——设置参数值——参数变量=2
(4)给参数变量设置触发条件,当参数变量=1时,触发行为1;
(5)当参数变量=2时,触发行为2
(6)或者如第一次滑动是触发动画、第二次滑动才是翻页;是根据参数变量的值+1来实现的,设参数变量初始值为0。公式是:参数变量=参数变量+1
(7)当第1次滑动时,参数变量由0变为1;当第2次滑动时,参数变量2;当第n次滑动时,参数变量n;可根据不同的值二次设置触发行为;
综合用法一
1.多个参数变量或者全局参数变量结合条件判断组件使用,随机抽取5道测试题(假设一共10道题目),关键组件:参数变量、条件判断。
2.设置逻辑:随机抽取测试题目,是基于整个H5作品进行设置,所以参数跟判断整体参与,将它们放在Masterpage当中。添加参数变量1,用于随机跳转题目使用;添加参数变量2,用于统计用户已答多少题目。添加条件判断,判断用户答题书是否满足5道题,满足时跳转到最终得分结果页面。
3.这三个变量的在Masterpage页面的设置分别如下:
(1)参数变量1,设置成随机数,取值范围根据题目数量设置,如一共有10道题,所以要设置随机数1~10。并设置触发器,等于不同的值时,跳转到不同的页面。
(2)参数变量2,设置参数类型为数值;初始值为0。
(3)条件判断,判断参数变量2是否等于5。
(4)每个题目在答完题时,需设置一个下一题的类似按钮,便于跳转到其他题目。
(6)我们要在每个题目的这个按钮上设置触发器,点击时让参数变量1的随机数重置,这样就可以根据不同的值跳转到不同的题目;让参数变量2+1,即统计用户做了几道题目;最后也要给下一题按钮添加点击时的判断,判断题目是否满足5道题。
4.看下每一道题目中的下一题按钮都是如何设置的:
(1)参数变量1、参数变量2的设置:
(2)执行条件判断的设置:
综合用法二
应用于数据库
1.常用于跟数据库相结合,多是将数据库中的相关值传递到H5作品中;
2.或是将H5页面中的相关值传递到数据库中等。
关于变量的使用方式是十分灵活方便的,后续将不断更新,欢迎大家随时补充。帮助大家理解和更好的使用参数变量。