×
关于

核心训练

准备开始页面操作部件库和 Masters建立交互引入动态面板条件、值和变量

从头开始

电子商务网站手机上展示的原型

原型设计基础指南

按钮的交互显示隐藏部件用户自定义 Tooltip导航菜单

Masters 指南

上一页/下一页链接 Master

动态面板指南

图片循环显示制作自定义的下拉菜单折叠控制选项板部件视频与图片的 Lightbox图像的拖拽交互拖拽地图自动旋转标题

高级原型设计指南

账户登录Auto-Tab 字段Terms 和 Conditions下拉列表选择必填字段设置文本下拉列表将文本传递给下一个页面在下一个页面上设置面板

Web 设计指南

嵌入视频和地图

iPhone App 指南

滑动菜单滚动内容屏幕过渡动画Swipping 幻灯片

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

条件逻辑:账户登录教程


真实的登录体验

添加一个 OnClick Case

image

首先,打开AxureAccountLogin.rp 并打开“帐户登录”页面。

选择登录按钮,并添加一种 Case 到 OnClick 事件。在编辑器中,单击“添加条件”按钮。

构建条件

image

在条件构建器中,使用下拉目录和文本字段配置第一行条件为“如果文本部件电子邮件字段等于 secretagent@fbi.com”

添加第二个条件

image

单击绿色的+图标添加第二个条件。设置第二行条件为“如果文本小部件密码字段等于咖啡”。

单击OK,关闭条件生成器。

添加 Case 操作

image

现在的条件已经明确了,如果电子邮件和密码满足设定的条件,那么我们可以添加行动来执行它。

点击“打开链接”并选择“我的账户”页面。

单击OK,关闭编辑器。

添加第二个 Case “其他”

image

现在我们已经添加成功登录的情况,让我们添加第二种情况:如果登录不成功。双击 OnClick 事件添加第二种情况。请注意“如果这是真的”是自动添加到 Case。默认条件下,如果条件在第一种情况下不满足就会执行第二种情况。因此在此示例中,我们不需要再添加第二种情况的条件。

添加 Show 操作

image

当登录不成功,我们想要展示错误信息小部件。在 Case 编辑器中,单击“显示”添加操作,勾选错误信息复选框。

预览您的原型和测试吧!

总结

现在你可以使用逻辑条件使你的登录事件更加的真实了。
还需要其他帮助吗?查看论坛或联系我们 support@axure.com


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)