動態(tài)啟動和禁用

禁用文本字段和按鈕

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

首先，打開 AxureTermsAndConditions.rp 并打開 Terms 和 Conditions 頁面。

讓我們通過禁用的簽名的文本字段和繼續(xù)按鈕開始吧。選擇文本字段和按鈕，在 properties 選項(xiàng)卡中勾選復(fù)“禁用”。一定要禁用形狀和文本字段。

添加 OnClick 交互到復(fù)選框

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

選擇復(fù)選框并添加一個 Case 到 OnClick 事件。在 Case 編輯器中，單擊“更多事件> 中的 OnClick ”來打開 Conditions 構(gòu)建器。

添加 Conditions

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

Conditions 生成最好能猜測到你會想要的 Conditions 。在這種情況下，初始化 Conditions “ AgreeCheckbox 是值為真”。

在這里我們不需要再改變?nèi)魏螙|西了，單擊 OK 并關(guān)閉 Conditions 生成器。

啟用標(biāo)志文本

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

既然我們已經(jīng)明確的 Conditions 了，我們可以設(shè)置動作，當(dāng) Conditions 滿足時來執(zhí)行它了。點(diǎn)擊“啟用”并勾選“標(biāo)志文本”復(fù)選框。

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

添加“其他” Case

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

當(dāng) AgreeCheckbox 被選中時，再次雙擊 OnClick ，添加第二個 Case 。這是“如果這是真的” Case 。點(diǎn)擊“禁用”并勾選 SignatureField 復(fù)選框。

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

添加 OnKeyUp Case 到文本字段

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

接下來，當(dāng)用戶輸入文本字段時我們將啟動繼續(xù)按鈕，。選擇文本字段并添加一個 Case 到 OnKeyUp 事件。在 Case 編輯器中，單擊“添加 Conditions ”打開 Conditions 生成器。

構(gòu)建 Conditions

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-terms-and-conditions-tutorial7.png" alt="image" />

Conditions 將自動設(shè)置為使用文本字段上的文字，但我們想改為中間下拉菜單中的“不平等”。

Conditions 為“文本小部件中的簽名文本不能為空”。這意味著，如果有任何文本在文本字段中，這個動作在這個 Case 中會被執(zhí)行。

單擊OK，并返回 Case 編輯器。

添加動作到啟用按鈕

http://wiki.jikexueyuan.com/project/axure/images/advanced-conditional-logic-terms-and-conditions-tutorial8.png" alt="image" />

現(xiàn)在點(diǎn)擊“啟用”并勾選“繼續(xù)按鈕”復(fù)選框。完成交互翻譯為“如果有簽名文本，就啟用繼續(xù)按鈕”。如果文本為空白您還可以添加第二個 Case 來禁用使用繼續(xù)按鈕。

預(yù)覽原型和測試它吧！

總結(jié)

現(xiàn)在你可以使用限制了，在復(fù)選框或類似 onkeyup 的事件中。明白了吧！ 還需要其他幫助嗎？查看論壇或聯(lián)系我們 support@axure.com