創(chuàng)建“條件”，以檢查一個(gè)文本字段中的文本是否是空白，基于輸入鏈接到相應(yīng)的頁(yè)面。 使用一個(gè)變量來(lái)存儲(chǔ)文本框輸入的文本。然后，使用變量設(shè)置部件在下一個(gè)頁(yè)面上的文本上。

添加一個(gè)文本框和一個(gè) Button Shape

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

1 添加文本框和按鈕

放置一個(gè)文本框部件和一個(gè) Button Shape 部件到設(shè)計(jì)區(qū)域。

2 命名文本框

將文本框命名為 UserNameTextField。

3 編輯文本和命名按鈕

編輯 Button Shape 文本讀作 Log In。然后標(biāo)注它為 LogInButton。

4 為 Button Shape 編輯 OnClick

選擇 LogInButton，雙擊它的 OnClick 事件打開(kāi)“編輯器”

添加一個(gè)條件去檢查文本框是否為空

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

1 點(diǎn)擊添加條件選項(xiàng)

點(diǎn)擊“添加條件”右邊的“名稱”字段來(lái)打開(kāi)“條件生成器”。

2 設(shè)置條件的值

匹配每個(gè)字段的值：

“l(fā)ength of widget value”
“UserNameTextField” “does not equal”
“value”

最后字段保留空白。

3 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕返回“編輯器”。

將文本框的值設(shè)置為 ONLOADVARIABLE

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

1 添加設(shè)置變量動(dòng)作

在“編輯器”中，添加動(dòng)作到“設(shè)置變量值”。

2 選擇 OnLoad Variable

勾選 OnLoadVariable 的復(fù)選框。

3 設(shè)置 OnLoad Variable

匹配每個(gè)字段的值：
“text on widget”
“UserNameTextField”

4 不要點(diǎn)擊 OK

我們還沒(méi)完成這個(gè)案件。我們將在下一步添加第二個(gè)動(dòng)作。

打開(kāi)頁(yè)面 1 添加動(dòng)作

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

1 為 Open Link 添加動(dòng)作

同一案件中通過(guò)點(diǎn)擊“打開(kāi)鏈接”添加另一個(gè)動(dòng)作。

2 選擇“頁(yè)面 1”

選擇“頁(yè)面 1”，作為鏈接的目的地

3 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕確認(rèn)這個(gè)案件的所有改變。

當(dāng)文本框?yàn)榭諘r(shí)添加第二個(gè)案件

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

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

1 添加第二個(gè)案件

選擇 LogInButton 再一次雙擊 OnClick 事件。這個(gè)將打開(kāi)“編輯器”的“案例 2”。

2 為 Open Link 添加動(dòng)作

為“打開(kāi)鏈接”添加動(dòng)作。

3 指定頁(yè)面 2

選擇“頁(yè)面 2”，作為鏈接的目的地。

4 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕確認(rèn)這個(gè)案件的所有改變。

添加一個(gè)矩形到頁(yè)面 1

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

1 打開(kāi)頁(yè)面 1

雙擊站點(diǎn)地圖中的“頁(yè)面 1”在設(shè)計(jì)區(qū)域打開(kāi)它。

2 添加矩形部件

在頁(yè)面 1 中添加一個(gè)矩形部件

3 標(biāo)注矩形

標(biāo)注矩形為 WelcomeMessage。

4 添加一個(gè)案件到 OnPageLoad

雙擊“頁(yè)面交互”選項(xiàng)卡中的 OnPageLoad 事件。

當(dāng)頁(yè)面加載時(shí)設(shè)置矩形的文本

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

1 添加設(shè)置文本操作

選擇“設(shè)置文本”操作。

2 選擇 WelcomeMessage

選擇 WelcomeMessage 部件。

3 點(diǎn)擊函數(shù)按鈕

點(diǎn)擊“fx”按鈕打開(kāi)“編輯文本”對(duì)話框。

將 ONLOADVARIABLE 放進(jìn)歡迎信息中

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

1 輸入歡迎文本

輸入文本 Welcome。包括逗號(hào)和空格。

2 在下拉列表框中選擇 OnLoadVariable

點(diǎn)擊“插入變量或函數(shù)...”打開(kāi)下拉列表框。選擇 OnLoadVariable 在文本中插入 [OnLoadVariable].

3 點(diǎn)擊所有的 OK 按鈕

點(diǎn)擊所有打開(kāi)的對(duì)話框中的 OK 按鈕。

預(yù)覽原型

導(dǎo)航回到主頁(yè)和預(yù)覽你的原型。首先文本框保留空白，然后點(diǎn)擊“登陸”按鈕。因?yàn)槲谋究蚴强瞻椎模阅銜?huì)鏈接頁(yè)面 2。使用站點(diǎn)地圖回到主頁(yè)。這一次，在空白的文本框中輸入你的名字然后點(diǎn)擊“登陸”按鈕。你將鏈接到頁(yè)面 1 然后會(huì)看到你的名字在歡迎信息里面。