添加矩形部件

http://wiki.jikexueyuan.com/project/axure/images/showhiddenwidget1.png" alt="image" />

首先打開(kāi)AxureShowHiddenWidget.rp然后打開(kāi) Show Hidden Widget 頁(yè)面。

在這個(gè)例子中，我們將創(chuàng)建一個(gè)錯(cuò)誤信息來(lái)顯示登陸失敗。

從 Widgets 面板拖動(dòng)一個(gè)矩形部件到設(shè)計(jì)區(qū)域，讓其在 Login 按鈕下面。

命名部件

http://wiki.jikexueyuan.com/project/axure/images/showhiddenwidget2.png" alt="image" />

當(dāng)矩形被選中時(shí)這么做：

在部件的頂部輸入新的名字 Error Message。

設(shè)計(jì)錯(cuò)誤信息

http://wiki.jikexueyuan.com/project/axure/images/showhiddenwidget3.png" alt="image" />

使用格式工具來(lái)創(chuàng)建一個(gè)裝載著白字字的紅色盒子，用于顯示你的錯(cuò)誤信息，信息如下：

Incorrect Login Information. Please try again.

隱藏部件

http://wiki.jikexueyuan.com/project/axure/images/showhiddenwidget4.png" alt="image" />

選中矩形，在 Style 選項(xiàng)板中選中 visible 選項(xiàng)。在默認(rèn)情況下這隱藏頁(yè)面上的小部件,你會(huì)看到一個(gè)黃色的東西。

為 Successful Login 添加事例

http://wiki.jikexueyuan.com/project/axure/images/showhiddenwidget5.png" alt="image" />

現(xiàn)在添加一個(gè)交互到 Log In 按鈕上。第一個(gè)事例是，如果登陸成功打開(kāi) My Account 頁(yè)面。

在設(shè)計(jì)區(qū)域選中 Log 按鈕。添加一個(gè)事例到 OnClick 事件，然后在事例編輯器中改變事例的名字為 Successful Login。接著添加一個(gè) Open Link 動(dòng)作然后選中 My Account 頁(yè)面。

點(diǎn)擊 OK 關(guān)閉事例編輯器。

為 Failed Login 添加事例

http://wiki.jikexueyuan.com/project/axure/images/showhiddenwidget6.png" alt="image" />

第二個(gè)事例，如果登陸失敗，讓其顯示一個(gè)錯(cuò)誤。

添加第二個(gè)事例到 OnClick 事件，并起名為 Failed Login。接著添加動(dòng)作 Show，選中 Error Message，點(diǎn) OK。

預(yù)覽原型

http://wiki.jikexueyuan.com/project/axure/images/showhiddenwidget7.png" alt="image" />

點(diǎn)擊工具欄的預(yù)覽按鈕來(lái)預(yù)覽原型。你將看見(jiàn)當(dāng)你點(diǎn)擊 Login 按鈕時(shí)會(huì)出現(xiàn)兩個(gè)按鈕。點(diǎn)擊 Successful Login 會(huì)進(jìn)入 My Account 頁(yè)面，而點(diǎn)擊 Failed Login 會(huì)顯示錯(cuò)誤信息。