当前位置:粤秀教育 > 艺术 > 艺术问答 > 正文

Axure怎么制作知识竞赛/答题app、小程序原型?

发布时间: 来源:愿风裁尘 78

今天,我将用中继器教你制作一个知识竞赛/答题app的原型。该原型易于使用,所有的交互都在生产后建立。您只需要导入问题,答案和每个问题的分数到重复器完成它!感兴趣的小伙伴就可以跟着粤秀操作起来吧!如果你打算自学Axure原型设计的话,推荐粤秀教育的Axure自学视频课,专业讲师传授知识点,可以0基础学会软件功能操作以及动手实操~

Axure制作知识竞赛/答题app、小程序原型步骤:

1. 效果展示

Axure怎么制作知识竞赛/答题app、小程序原型?

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、小程序原型?”的内容分享了,希望能够帮到你!更多Axure精彩分享,尽在Axure相关文章!Axure因其能够快速、高效的创建原型,备受众多产品设计人员所使用!对于想要快速学会Axure原型设计的小伙伴,就可以选择粤秀教育精选的Axure自学视频课!不要犹豫,选择合适的课程开始学习体验吧~

相关文章
精彩推荐
学习热线
4008-128-711
申请报名

立即申请报名,提升你的技能

  • 姓名

  • 电话*

  • 报读学校

  • 报读专业

立即报名

Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.yuexiuedu.com/yishu/wp-includes/script-loader.php on line 2841