在axure中选中当前为真_Axure教程 | 多用例交互设计

本文介绍了Axure RP 9的基础教程,包括工具提示设置、自适应视图的概念和如何使用键盘移动对象,帮助读者掌握多用例交互设计。
摘要由CSDN通过智能技术生成
35cc3364a8a06dd3907ecfb2c3091fb0.gif 本教程展示如何在一个事件中添加多个用例,如果编辑用例描述,要展示不同的登录场景。
部件使用:矩形、按钮形状
交互事件:Onclick
动作:“在当前窗口中打开链接”

不同的登录场景展示

第1步:添加第一个OnClick事件

eacdb5688e2d9f5a4dc0c0cac9c8bb4d.png

首先打开MultipleCases.rp文件中的"Login Button" 页面 选中Login按钮,在Onclik事件中添加一个用例,打开用例编辑器。 第2步:编辑用例描述

3b4cefbbedc9c32603f3df128b06f411.png

在用例编辑器的上面,第1步:描述用例的旁边,将默认用例描述内容“用例1”改为“当登陆成功时”。 第3步:为“当登陆成功时”,添加一个动作

178d60d4d9b6176fbc74a5474577adf1.png

当登陆成功时,我们让用户进入页面1。所以添加动作“在当前窗口中打开链接”,并配置打开页面1。点击确定按钮,关闭用例编辑器。 第4步:添加第2个OnClick用例

67675195679c911652a5cebeb29825d2.png

现在,在Login按钮上添加第2个用例,再次选中Login按钮,再次选择OnClick事件,再次点击“添加用例”(或双击OnClick事件),打开新的用例编辑器。 第5步:编辑用例描述

b645409221cd28d0da21b013d7badcf2.png

将默认的用例描述内容“用例1”改为“如果登陆失败” 第6步:为“如果登陆失败”添加一个动作

c3bac4bb0a48a28a5a6f893a4998a97f.png

如果用例失败,我们让用户进入页面2。所以添加动作“在当前窗口中打开链接”,并配置打开页面2。点击确定按钮。 第7步:检查用例

7c7231a31a1eaa5d90d3d9f5575079c5.png

现在OnClick的交互用例和动作,如截图所示有两个用例: 当登陆成功时:在当前窗口中打开页面1 当登陆失败时:在当前窗口中打开页面2 第8步:生成原型

f0ecb751b0b6b689d25881fe43cf52cc.png

生成原型(主菜单栏中:生成->原型),点击Login按钮,会显示两个用例选项。选择“如果登陆成功”打开页面1。点击“如果登陆失败”打开页面2。

442ff0a8fc7966ddcbfa3a64d8fee7f1.gif

内容来源:Axure官网(www.axure.com)

翻释:陪学网

698a4771a0a40e323b2bf2238e1f5281.png

Axure RP 9基础教程(九)-工具提示设置

Axure中的“AdaptiveViews”(自适应视图)是什么

Axure 教程 | 使用键盘进行移动对象

6dd44974f57401e9f35aa1d303b2a14e.png

点亮 7727502b2dc7de2449fe2b06645d7f59.png,告诉大家你也在看55dd12e0d07fcf83d9a399e2e08a2914.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值