真實(shí)的登錄體驗(yàn)

添加一個(gè) OnClick Case

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-account-login-tutorial1.png" alt="image" />

首先，打開AxureAccountLogin.rp 并打開“帳戶登錄”頁面。

選擇登錄按鈕，并添加一種 Case 到 OnClick 事件。在編輯器中，單擊“添加條件”按鈕。

構(gòu)建條件

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-account-login-tutorial2.png" alt="image" />

在條件構(gòu)建器中，使用下拉目錄和文本字段配置第一行條件為“如果文本部件電子郵件字段等于 secretagent@fbi.com”

添加第二個(gè)條件

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-account-login-tutorial3.png" alt="image" />

單擊綠色的+圖標(biāo)添加第二個(gè)條件。設(shè)置第二行條件為“如果文本小部件密碼字段等于咖啡”。

單擊OK，關(guān)閉條件生成器。

添加 Case 操作

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-account-login-tutorial4.png" alt="image" />

現(xiàn)在的條件已經(jīng)明確了，如果電子郵件和密碼滿足設(shè)定的條件，那么我們可以添加行動(dòng)來執(zhí)行它。

點(diǎn)擊“打開鏈接”并選擇“我的賬戶”頁面。

單擊OK，關(guān)閉編輯器。

添加第二個(gè) Case “其他”

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-account-login-tutorial5.png" alt="image" />

現(xiàn)在我們已經(jīng)添加成功登錄的情況，讓我們添加第二種情況：如果登錄不成功。雙擊 OnClick 事件添加第二種情況。請(qǐng)注意“如果這是真的”是自動(dòng)添加到 Case。默認(rèn)條件下，如果條件在第一種情況下不滿足就會(huì)執(zhí)行第二種情況。因此在此示例中，我們不需要再添加第二種情況的條件。

添加 Show 操作

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-account-login-tutorial6.png" alt="image" />

當(dāng)?shù)卿洸怀晒?，我們想要展示錯(cuò)誤信息小部件。在 Case 編輯器中，單擊“顯示”添加操作，勾選錯(cuò)誤信息復(fù)選框。

預(yù)覽您的原型和測(cè)試吧！

總結(jié)

現(xiàn)在你可以使用邏輯條件使你的登錄事件更加的真實(shí)了。
還需要其他幫助嗎？查看論壇或聯(lián)系我們 support@axure.com