android项目实战—博学谷 界面设计

本文分享了使用AxureRP8设计UI界面的实战经验,包括欢迎界面、课程界面、习题列表及详情界面的设计过程与技巧。通过具体案例演示如何设置选择题交互事件,实现选项点击反馈及禁用其他选项等功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

以下内容均经过我的亲自实践,其真实有效,希望能给您有所帮助😘😘

使用软件:Axure RP 8
软件下载地址:http://forspeed.onlinedown.net/down

话不多说,直接上图

1.欢迎界面

程序启动成功后,首先会在欢迎界面停留几秒然后进入课程界面。
在这里插入图片描述

2.课程界面

图中“1”是广告轮播图,点击“3”或“4”进入相应的课程详情界面,点击“2”进入习题列表界面(目前制作了第一二章)
在这里插入图片描述

3.习题列表界面

点击第一章习题,进入第一章习题详情界面(目前只做了第一章)
在这里插入图片描述

4.习题详情界面

设置选择题的选项点击事件:
  选择正确的交互事件(以C选项为正确答案为例)
 1.添加图片点击事件,当选择答案C时,将选项图片变成正确图片
 2.选择一个选项之后其他三个选项不能够再被选择,因此将其他三个选项设为禁用状态
  选择错误的交互事件(以选A为错为例)
 1.当选择错误选项时,首先该选项的图标变成错误图标
 2.选择错误选项时还需要将正确选项C的图标修改成正确图标
 3.在选择选项之后,其他选项不能够再次被选中,因此需要禁用其他选项
 4.按照上述步骤,添加所有选项的交互事件
在这里插入图片描述

5.课程详情界面

在这里插入图片描述

6.我的界面(抱歉没做,哈哈)
😀云辉 CSDN
哒哒,运行结果GIF:

在这里插入图片描述
使用Axure软件打开:
在这里插入图片描述
重要的地方来了,源文件下载地址:
CSDN(需积分):https://download.csdn.net/download/hyh17808770899/12302709
码云Gitee(免费):https://gitee.com/hyh17808770899/erudite_valley

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雨云21

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值