動態(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 選項卡中勾選復“禁用”。一定要禁用形狀和文本字段。

添加 OnClick 交互到復選框

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

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

添加 Conditions

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

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

在這里我們不需要再改變任何東西了，單擊 OK 并關閉 Conditions 生成器。

啟用標志文本

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

既然我們已經明確的 Conditions 了，我們可以設置動作，當 Conditions 滿足時來執(zhí)行它了。點擊“啟用”并勾選“標志文本”復選框。

單擊 OK，并關閉 Case 編輯器。

添加“其他” Case

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

當 AgreeCheckbox 被選中時，再次雙擊 OnClick ，添加第二個 Case 。這是“如果這是真的” Case 。點擊“禁用”并勾選 SignatureField 復選框。

單擊OK，并關閉 Case 編輯器。

添加 OnKeyUp Case 到文本字段

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

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

構建 Conditions

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

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

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

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

添加動作到啟用按鈕

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

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

預覽原型和測試它吧！

總結

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