Axure 教程：知识竞赛/答题app、小程序原型

今天教大家用中继器做一个知识竞赛/答题app的原型，该原型使用方便简单，制作完成后，所有交互都已经设定好，您只需要在中继器中导入问题、答案、每题的分数即可完成！

原型演示及下载地址：https://axhub.im/pro/9783b97025114924

1. 效果展示

2. 功能介绍

（1）回答正确：回答正确时，显示答案显示绿色，自动得分

（2）回答错误：回答错误时，选择答案显示红色，然后在显示正确的绿色答案，不得分

（3）超时：右上角有倒计时，超时没作答，自动显示对和错误的答案，本题不得分

（4）自动记分：记录每一题的得分，每一题分数可以在中继器内设置

（5）自动评星：满分5星，80-99%4星，60-79%三星，40-59%二星，20-39%一星，0-19%没星。上面分数指的是百分比分数，即得分/总分

（6）再来一局：可刷新重新完成

（7）返回：关闭该页面

使用方法：

在内容中继器内，填写问题、答案和每一题的得分即可！其他效果预览时自动实现

question：填写问题

answerA-D：填写ABCD的答案

right-answer：填写哪一个是正确答案（ABCD）

goal：该题的得分

3. 制作方法

3.1 制作手机外框

可以在网上手机外框的素材，如下图所示：

3.2 中继器内制作

3.2.1 中继器表格制作

如下图所示，总共7列：

question：问题

answerA-D：ABCD的答案

right-answer：哪一个是正确答案,填写ABCD

gaol：如果答对了，每题得分多少

3.2.2 中继器内原件

一个题目文本框、4个答案的按钮，如下图所示拜访即可。

3.2.3 中继器交互设计

中继器每项加载的时候，设置题目文本框的文本=question.text，answerA-D：ABCD的文本=answerA-D.text。

中继器内多页显示，每页显示一条。

3.2.4 答案按钮交互

4个答案的按钮可以根据自己的喜好制作。交互样式中设置选中显示绿色，禁用显示红色。

鼠标单击时：做判断，如果正确答案和点击的答案一致，选中该答案按钮，如果不一致，禁用该答案按钮。

3.3 评分制作

在手机做一个文本框，用来记录分数，默认为0，在上面答案按钮鼠标单击时，如果答案正确，设置该文本框的分数的值=该文本框的分数的值+goal的值。

3.4 弹窗

按自己喜好做一个弹窗，然后在上面答案按钮鼠标单击时加一个事件，如果该行时中继器最后一行，显示弹窗，并且让弹窗里的分数=上面记录分数的文本。

这样就制作完成了，以后使用，仅需简单填写中继器的内容，即可自动生成，所以强烈推荐给各位使用。

Axure 教程：知识竞赛/答题app、小程序原型相关推荐

Java web对试卷进行单选多选答题进行打分_知识竞赛答题活动小程序
想扫码体验的同学,可以直接移步这篇文章了解下小肥羊:如何搭建一套知识竞赛答题活动小程序zhuanlan.zhihu.com 前言:这几天在公司闲闲无事,恰好团队有通过在线考试的需求,于是自发撸了一 ...
开发知识竞赛答题活动小程序过程中使用到的实用工具库介绍
前言我在做知识竞赛答题活动小程序经常需要处理一些比较基础的事情,比如时间.数组.数字.对象.字符串等处理,自己造轮子的话成本会比较高.这时候我们可以去找一些别人已经写好的开源模块或者开源库,我们直接 ...
知识竞赛答题的小程序
通过长期的开发,不断完善了知识竞赛答题小程序,考试答题小程序,闯关答题小程序,题库刷题练习小程序等各种小程序开发. 今天我讲解一下知识竞赛小程序开发知识竞赛答题小程序适用于企业培训.考核.评测.知识 ...
知识竞赛答题活动小程序——趣味结果激活公众号
知识竞赛答题小程序,制作完成后,所有交互都已经设定好,该小程序使用方便简单,您只需要在数据库中导入问题.选项.答案.每题的分数即可完成! 可以单独部署,也可以绑定公众号,深度结合微信公众号,免开发,免 ...
【云开发案例】网络安全技能提升知识竞赛答题活动小程序
案例概述为了响应工业和信息化部网络安全管理局关于本地区网络信息安全考核要求及其规范,结合2020年国家网络安全周活动相关主题,我公会特举行网络安全技能提升知识竞赛活动. 一.竞赛时间: 2020年9 ...
uni-app实现上传图片并显示【跨平台开发教程uniapp教程（米饭科技-app小程序h5源码）】
目录: uni-app上传图片并显示实现代码源码获取方法: 会员学习群: uni-app上传图片并显示实现代码你可以使用uniapp内置的上传图片组件,然后使用img标签来显示上传后的图片. ...
线上知识竞赛答题小程序
通过长期的开发,不断完善答题小程序的各种功能,整理出知识竞赛答题活动小程序,考试答题小程序,闯关答题小程序,题库刷题练习小程序等各种小程序开发. 今天我讲解一下知识竞赛小程序开发答题小程序适用于企业 ...
知识竞赛答题小程序玩法有哪些
通过长期的答题小程序开发,不断完善答题小程序的各种功能,整理出知识竞赛答题活小程序活动玩法. 今天我讲解一下知识竞赛答题小程序的规则知识竞赛答题小程序规则一个人排行榜根据分数排名,分数相同则答题 ...
安全生产月答题活动小程序
安全生产月答题活动小程序安全生产月每日答题活动他来了,他来了他踏着6月的风来了第21个全国"安全生产月" 正式开启!!! 安全生产月今年6月是全国第21个"安 ...

Axure 教程：知识竞赛/答题app、小程序原型

Axure 教程：知识竞赛/答题app、小程序原型相关推荐

最新文章

热门文章