原型設(shè)計工具Axure RP新手教程（四）：將文本傳遞給下一頁教程

---

Axure RP是一套專門為網(wǎng)站或應(yīng)用程序所設(shè)計的快速原型設(shè)計工具， 可以讓應(yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。

免費下載Axure RP 優(yōu)惠購買Axure RP

---

在本教程中，您將學(xué)習(xí)如何使用全局變量將用戶提供的文本從一頁傳遞到另一頁。（點擊此處可查看視頻）

小部件和頁面設(shè)置

• 打開一個新的RP文件，然后在畫布上打開Page 1。

• 從Libraries（庫）窗格中將文本字段小部件和按鈕小部件拖到畫布上。

• 將第二頁添加到項目中，然后在畫布上打開它。

• 將一個矩形小部件拖到畫布上。

創(chuàng)建一個全局變量來存儲用戶的輸入

• 在頂部菜單中，轉(zhuǎn)到Project（項目）→Global Variables（全局變量）

• 在Global Variables（全局變量）對話框中，單擊Add（添加）以添加新變量。 將其命名為TextInputVar。

• 單擊OK（確定）關(guān)閉對話框。

捕獲用戶的輸入并轉(zhuǎn)到下一頁

將變量的值設(shè)置為文本字段的文本

• 在畫布上打開Page 1，然后選擇按鈕小部件。

• 在交互窗格中單擊New Interaction（新建交互）。

• 在出現(xiàn)的列表中選擇Click或Tap事件，然后選擇Set Variable Value操作。

• 在Target（目標(biāo)）下拉列表中選擇TextInputVar變量。

• 在設(shè)置為下拉列表中，選擇小部件上的文本。 然后在下面的窗口小部件下拉列表中選擇文本字段。

• 單擊確定以保存操作。

筆鏈接到第2頁

• 在仍選擇按鈕小部件的情況下，單擊Click（單擊）或Tap（點擊）塊底部的Insert Action（插入動作）圖標(biāo)，然后在出現(xiàn)的列表中選擇Open Link（打開鏈接）動作。

• 在鏈接到下拉列表中選擇第2頁，然后單擊確定以保存操作。

在第2頁上顯示用戶的輸入

• 在畫布上打開第2頁，然后在交互窗格中單擊New Interaction（新建交互）。

• 在出現(xiàn)的列表中選擇Page Loaded（頁面加載）事件，然后選擇Set Text （設(shè)置文本）操作。

• 在目標(biāo)下拉列表中選擇矩形小部件。

• 在設(shè)置為字段中，選擇變量的值。

• TextInputVar變量應(yīng)在Variable（變量）字段中自動選擇。

• 單擊確定以保存操作。

預(yù)覽互動

• 預(yù)覽第1頁，然后在文本字段中輸入一些文本。

• 單擊按鈕導(dǎo)航到Page2。您在文本字段中輸入的文本應(yīng)顯示在矩形小部件上。

---

關(guān)注慧聚IT微信公眾號???，了解產(chǎn)品的最新動態(tài)及最新資訊。