小程序教程_Axure 教程:知识竞赛/答题app、小程序原型

今天,焦大大学的家庭中继器制作了一个知识竞赛/答案应用程序的原型。原型简单易用。制作完成后,所有的互动都已建立。您只需将每个问题的问题、答案和分数导入中继器即可完成!

小程序教程

1。效果显示

小程序教程

在线演示地址:http://cloud.axureshop.com/L2JD3N/# g = 1 & p = % E7 % 9F % A5 % E8 % AF % 86% E7 % AB % 9E % E8 % B5 % 9B

2。功能介绍

(1)正确答案:当答案正确时,显示的答案为绿色,自动得分为

小程序教程

(2)错误答案:当答案错误时,选择的答案为红色,然后当显示正确的绿色答案时,不允许出现

小程序教程

(3)超时:右上角有倒计时,超时不回答,并且为右和本主题不允许

小程序教程

(4)自动评分:记录每个主题的分数,每个主题可在中继器中设置

(5)自动评分:5星满分、4星80-99%、3星60-79%、2星40-59%、1星20-39%、无星0-19%以上分数指的是百分比分数,即

小程序教程

(6)另一轮的分数/总分:可以刷新并完成

(7)返回:关闭内容重复器中的页面

用法:

,填写每个问题的问题、答案和分数!预览其他效果时,

问题:填写问题

答案A-D:填写ABCD答案

正确答案:哪个是正确答案(ABCD)

目标:此问题的分数

小程序教程

3。生产方法3.1手机框架

互联网手机框架材料的生产,如下图所示:

小程序教程

|

的生产|

的生产

3年

的生产。共7栏:

问题:问题

答案a-d: ABCD答案

正确答案:哪个是正确答案,填写ABCD

栏:如果正确,有多少个

3.2.2直放站原

a问题文本框,4个答案按钮,访问如下图所示

小程序教程

3.2.3中继器交互设计

当每个中继器项目被加载时,设置标题文本框的文本=问题文本,答案a-d: ABCD文本=答案a-d文本

中继器显示多页,每页一页。

小程序教程

3.2.4应答按钮交互式

4应答按钮可根据您的喜好制作在交互式样式中,设置选中时显示绿色,禁用时显示红色。当

鼠标点击:判断,如果正确答案与点击的答案一致,选择答案按钮,如果不一致,禁用答案按钮

小程序教程

3.3评分

在手机上制作一个文本框来记录分数。默认值为0。如果用鼠标点击上面的答案按钮,设置文本框的分值=文本框的分值+目标值。

小程序教程

3.4弹出窗口

根据您的喜好制作一个弹出窗口,然后用鼠标点击上面的应答按钮时添加一个事件。如果该行是中继器的最后一行,将显示弹出窗口,弹出窗口中的分数=上面记录分数的文本。

小程序教程

由此完成。为了将来使用,它可以通过简单地填充中继器的内容来自动生成。因此,强烈建议大家。

这篇文章最初由@ Zixian Vigo发表。每个人都是产品经理。未经许可,根据CC0协议

, Unsplash禁止重印

张图片

大家都在看

相关专题