點(diǎn)擊啟用一個 Button Shape，使用編輯器獲取文本框焦點(diǎn)。然后，當(dāng)頁面加載的時，使用頁面的 OnPageLoad 事件把焦點(diǎn)放到文本框上。

添加一個 Button Shape 和兩個文本框

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

1 添加一個按鈕，兩個文本框

拖放一個 Button Shape 部件和兩個文本框部件到設(shè)計區(qū)域上。

2 在按鈕上編輯文本

在 Button Shape 部件上編輯輸入兩個單詞 Swap Focus。

3 為按鈕命名

仍然選擇 Button Shape 部件，在“部件交互和注釋”窗口將它命名為 Button1。

4 編輯提示文本

選擇第一個文本框， 在“屬性”選項(xiàng)卡中編輯提示文本讀作 Text Field 1。

5 命名為 TextField1

將文本框命名為 TextField1。

禁用第二個文本框

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

1 編輯提示文本

將第二個文本框部件編輯提示文本讀作 Text Field 2。

2 禁用 Text Field 2

在“屬性”選項(xiàng)卡，單擊“禁用”。

3 命名為 TextField2

繼續(xù)選擇文本框并命名為 Textfield2。

單擊按鈕禁用第一個文本框

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

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

1 選擇 Button1

單擊選擇 Swap Focus 部件。

2 編輯 OnClick 事件

在“交互”選項(xiàng)卡雙擊 OnClick 事件。

3 添加動作到禁用

在最左側(cè)的列表上選擇動作“禁用”選項(xiàng)。

4 指定 TextField1

在最右側(cè)的列表上勾選 TextField1 復(fù)選框。

還不能點(diǎn)擊（OK 按鈕）。

我們在下一步將在同一案例中繼續(xù)添加另一個動作。

啟用第二個文本框

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

1 添加啟用部件動作

同一 Case 中通過點(diǎn)擊 Focus 添加另一個動作。

2 指定 TextField2

勾選 TextField2 復(fù)選框。

3 不要點(diǎn)擊 OK

我們還沒完全完成這個 Case。下一步，我們將添加第三個動作。

第二個文本框設(shè)置 Focus

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

1 添加設(shè)置聚焦動作

在同一 Case 下通過點(diǎn)擊 Focus 添加另一個動作。

2 指定 TextField2

勾選 TextField2 復(fù)選框。

3 復(fù)查所有動作

確定的所有動作如上圖所示正確的顯示出來。

4 點(diǎn)擊 OK

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

當(dāng)頁面下載時設(shè)置聚焦 Text Field 1

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

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

1 添加一個 Case OnPageLoad

在下方“頁面交互”選項(xiàng)雙擊 OnPageLoad 事件。

2 添加設(shè)置聚集動作

在最左側(cè)列表選擇動作 Focus。

3 指定 TextField1

在最右側(cè)列表勾選 TextField1 復(fù)選框。

4 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕確認(rèn)所有改變。

預(yù)覽原型

預(yù)覽你的原型。注意當(dāng)頁面加載時第一個文本框已經(jīng)聚焦。點(diǎn)擊 Swap Focus 按鈕禁用 Text Field 1，然后啟用聚焦 Text Field 2。在瀏覽器中刷新頁面將會重置一切。