集册 Axure RP 指南 显示隐藏部件

显示隐藏部件

欢马劈雪     最近更新时间:2020-08-04 05:37:59

598

添加矩形部件

image

首先打开AxureShowHiddenWidget.rp然后打开 Show Hidden Widget 页面。

在这个例子中,我们将创建一个错误信息来显示登陆失败。

从 Widgets 面板拖动一个矩形部件到设计区域,让其在 Login 按钮下面。

命名部件

image

当矩形被选中时这么做:

在部件的顶部输入新的名字 Error Message。

设计错误信息

image

使用格式工具来创建一个装载着白字字的红色盒子,用于显示你的错误信息,信息如下:

Incorrect Login Information. Please try again.

隐藏部件

image

选中矩形,在 Style 选项板中选中 visible 选项。在默认情况下这隐藏页面上的小部件,你会看到一个黄色的东西。

为 Successful Login 添加事例

image

现在添加一个交互到 Log In 按钮上。第一个事例是,如果登陆成功打开 My Account 页面。

在设计区域选中 Log 按钮。添加一个事例到 OnClick 事件,然后在事例编辑器中改变事例的名字为 Successful Login。接着添加一个 Open Link 动作然后选中 My Account 页面。

点击 OK 关闭事例编辑器。

为 Failed Login 添加事例

image

第二个事例,如果登陆失败,让其显示一个错误。

展开阅读全文