前段時間在kindle上看到一篇圖靈社區(qū)出的Axure的教材，其實也就短短的一百多頁，講的基本都是簡單的功能，和在我剛開始接觸Axure時看到的官方教材一樣，教材鏈接為：（侵刪）
http://www.webppd.com/thread-9347-1-1.html
由于這個pdf是翻譯過來的，其中有些表述使我產(chǎn)生了歧義，以至于其中一個訓(xùn)練實現(xiàn)時有些困難。

具體內(nèi)容是通過設(shè)置條件，值，以及變量，實現(xiàn)文本框留空與否，點擊登錄進(jìn)入到不同的頁面。

后來通過嘗試不同的交互選項終于完成這種效果。

一、添加文本框和按鈕：

1.在主頁面拖入一個文本框和按鈕（或者矩形），選中文本框和矩形，點擊中間對齊，矩形將會調(diào)整和文本框中心對齊。
2.將文本框命名為“ UserNameTextField”，將按鈕上的文字編輯為“ Login” ，將其命名為“ LoginButton”

添加文本框和按鈕.jpg

二、添加一個條件，保證文本框不能為空

選中 Login 圓角矩形，雙擊鼠標(biāo)點擊時事件，打開用例編輯器點擊用例說明字段右側(cè)“ 添加條件” 選項，打開條件生成器將每個字段的值進(jìn)行匹配：“ 元件文字長度”“ UserNameTextField”“ ！=”最后一個字段空白，點擊確定返回用例編輯器。

添加一個條件，保證文本框不能為空.jpg

三、設(shè)置用例1

在用例編輯器中，添加“ 設(shè)置變量值” 動作，勾選 OnLoadVariable 變量值前的復(fù)選框?qū)⒚恳粋€字段值進(jìn)行匹配：“ 部件文字” “ UserNameTextField”，返回用例界面選項卡，點擊“ 打開鏈接” ，選擇 Page 1 作為目標(biāo)鏈接頁面點擊確定，確認(rèn)這個用例中的所有設(shè)置。

設(shè)置用例1.png

四、設(shè)置用例2

選擇 Login 按鈕，再次雙擊鼠標(biāo)點擊時事件，打開用例 2 的用例編輯器。添加“ 打開鏈接” 動作，選擇“ Page 2” 作為目標(biāo)鏈接頁面，點擊確定按鈕，確認(rèn)該用例內(nèi)全部設(shè)置。

設(shè)置用例2.png

五、在 Page 1 頁面添加一個矩形

在站點地圖內(nèi)雙擊“ Page 1” ，將其在設(shè)計區(qū)域打開，在 Page 1 頁面中添加一個矩形部件，將矩形部件命名為“ WelcomeMessage”。

在 Page 1 頁面添加一個矩形.png

六、設(shè)置當(dāng)頁面載入時的矩形部件的內(nèi)容

在頁面交互選項卡內(nèi)，雙擊載入時事件，選擇“ 設(shè)置文本” 動作，選擇 WelcomeMessage 部件點擊“ fx” 按鈕打開編輯文本對話框，輸入文本“ Welcome, ” ，包含末尾一個逗號和一個空格點擊“插入變量或函數(shù)…” ，打開下拉框。 在文本中，選擇“OnLoadVariable” 變量，點擊確定按鈕。

設(shè)置當(dāng)頁面載入時的矩形部件的內(nèi)容1.png

設(shè)置當(dāng)頁面載入時的矩形部件的內(nèi)容2.png

七、設(shè)置page 2提示信息頁面

在站點地圖內(nèi)雙擊“ Page 2” ，將其在設(shè)計區(qū)域打開，在 Page 2 頁面中添加一個矩形和按鈕，將矩形部件命名為“ Tips”，按鈕命名為“Return”。在矩形內(nèi)輸入文本“Please input your username to login,thank you!”。選擇按鈕，點擊鏈接，鏈接到index頁面。

設(shè)置page 2提示信息頁面.png

八、將page 1 重命名為login，page 2 重命名為return。

預(yù)覽效果：

index頁面

index.png

此時如果不填入文本框，直接點擊login，則進(jìn)入return頁面。點擊return按鈕可返回index頁面。

return頁面

return.png

login頁面

如果輸入字符，則進(jìn)入到login頁面，顯示為:

login.png

說了這么多，其實主要是第二步可能由于漢化包不同或者版本不同而出現(xiàn)不同選項，易將元件（部件）文字長度與變量值長度/！=與不包含或不是/值/變量值/數(shù)字/字母 或質(zhì)疑混淆，容易出錯，其它步驟根據(jù)教程來就基本沒有問題。

孰能生巧，加油~