教案想要做选择题h5案例,以下这些逻辑你必须知道!.docVIP

想要做选择题H5案例，以下这些逻辑你必须知道！ 2016-07-10?iH5? 首先，在正文开始前，先向大家说明一下最近公众号后台咨询反馈情况。 ?以近期公众号后台的反馈来看，好多用户咨询选择题案例怎么制作。确实现在很多个人、企业用户对测试、选择题等类型的H5需求越来越大，利用此类H5达到扩大品牌影响力、了解目标用户的需求等目的。 ?目前业内有很多H5制作工具，虽然都兼具制作测试、选择题H5的基础功能，可达到的效果大不相同，就以业内比较出名的某秀、某展、某KA举例（摘取其平台的用户案例）：由于都支持并重视模板套用，动态十足的页面实现相对简单，比较适合简单粗暴的入门用户。但细看不难得知，案例中交互功能的缺陷十分明显，用户在每次点击后得到的反馈信息十分缺乏。用户最想看到的是每一次点击后会弹出什么、下一页面会出现什么有趣的东西、到案例的最后能得到什么总结性信息。 ?反观iH5，兼具计数器、变量、数据库等实用功能，明显地在交互这一版块更胜一筹；再说，利用时间轴、轨迹、动效等功能也能轻松实现动态十足的页面。好吧，这可能看起来是一个广告，可目的也是为了广大有需求的用户啊！不吹不黑，是骡子是马拉出来溜溜便知道！? 使用iH5如何制作选择题案例，小编就以一个在iH5平台上发布的用户案例给大家详细讲解实现的逻辑：关键思路分为三部分：计数器应用、单页面点击交互、尾页总结反馈 计数器应用? 何为计数器，从字面上理解就是记录次数的容器。在选择题案例中，我们可以利用计数器记录统计用户点击某按钮的次数、计算用户选择正确答案后的得分等。? 设置的逻辑为：对象通过事件绑定数据库，当用户触发该对象使计数器+/-n。 所以在具体案例中，应该这样设置： ?在需要让计数器加/减数值的元素下添加事件。事件对象为【该触发对象】，触发条件为【轻触手机中】，目标对象为【计数器】，目标动作为【加n】，值项输入你想要计数器增加的数值。以此类推将所有的题目的选项都按照此步骤绑定计数器即可。 ▲添加事件，链接计数器，设置分数值[注]：案例中对事件的控制运用了事件组（即用同一触发条件控制多个事件动作）；计数器隐藏。 二、单页面点击交互? “为什么一点某一个答案，还没提示对错就自动跳到下一页了”；“怎么设置让提示对错后过1S自动跳转下一页”，此类的问题相信你可以在这里得到解决：? 首先我们先了解最基础的交互逻辑：用户点击某选项——提示正确/错误——有下一题按钮提示用户跳转/提示完正确或错误后自动跳转下一题。? 为了当用户在点击某选项后触发正确/错误提示，我们先导入“对/错”提示图标并将其隐藏，接着在选项元素下添加事件，事件对象为【该触发对象】，触发条件为【轻触手机中】，目标对象为【“对”提示图标】，目标动作为：【显示】。▲隐藏提示素材，通过事件触发显示当用户点击选项提示对错图标显示完成后，设置跳转下一页，这部分可以有不同的形式实现，最常见的有两种：通过设置“下一题”按钮触发跳转、自动跳转。 ?通过设置“下一题”按钮触发跳转逻辑：“下一题”素材——透明按钮——事件触发跳转。 设置事件触发跳转时应注意目标对象应该先选择【舞台】，再选择跳转下一页or跳转页面。其他就不赘述了，这里侧重讲解较为方便的自动跳转实现步骤： ?自动跳转逻辑：提示对/错图标显示动效结束——自动触发跳转。 在对/错素材下插入动效，动效【时长】和【类型】根据需要设置，【自动播放】、【开始时隐藏】设置为yes，【循环播放】设置为no。? [注]：如果想要让该动效延时出现，可以对【触发时延时】进行时间调整。▲添加动效，动效下添加事件自动跳转紧接着在该动效下插入事件，由动效的结束来触发跳转事件的开始： 触发条件为【结束】，对象为舞台，目标动作为【下一页】。 ?三、尾页的反馈总结? 在尾页对用户前面所有操作得分进行统计并显示，案例中采用的实现方法为：直接显示计数器数值作为分数，并设置数值范围对分数进行识别，显示相应的成绩标题。? 实现逻辑：尾页显示——计数器数值显示——判断计数器数值范围——显示成绩结果? 在尾页下直接添加事件，触发对象为【尾页】，触发条件为【显示】，目标对象为【计数器】，目标动作为【显示】， 以此触发计数器数值作为获得的分数显示在页面中。?为了让计数器根据数值范围显示相应的成绩结果，我们先导入相应的成绩标题素材到尾页中，并将其隐藏。在计数器下设置事件，触发条件为【数值范围】，根据实际输入最小最大值范围，目标对象选择该数值范围所对应的成绩结果，目标动作为【显示】即可。▲计数器下添加事件，判断数值显示反馈图片关于重新答题的逻辑设置： ?由于如果用户想重新答题，那么之前计数器的数值就必须要重置，用户再下一次答题时才能准确计算出应有的分数。? 实现逻辑：事件触发——重新加载（计数器重新赋值）——返