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

---

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

免費(fèi)下載Axure RP 優(yōu)惠購(gòu)買(mǎi)Axure RP

---

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

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

• 打開(kāi)一個(gè)新的RP文件，然后在畫(huà)布上打開(kāi)Page 1。

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

• 將第二頁(yè)添加到項(xiàng)目中，然后在畫(huà)布上打開(kāi)它。

• 將一個(gè)矩形小部件拖到畫(huà)布上。

創(chuàng)建一個(gè)全局變量來(lái)存儲(chǔ)用戶的輸入

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

• 在Global Variables（全局變量）對(duì)話框中，單擊Add（添加）以添加新變量。 將其命名為T(mén)extInputVar。

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

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

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

• 在畫(huà)布上打開(kāi)Page 1，然后選擇按鈕小部件。

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

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

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

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

• 單擊確定以保存操作。

筆鏈接到第2頁(yè)

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

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

在第2頁(yè)上顯示用戶的輸入

• 在畫(huà)布上打開(kāi)第2頁(yè)，然后在交互窗格中單擊New Interaction（新建交互）。

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

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

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

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

• 單擊確定以保存操作。

預(yù)覽互動(dòng)

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

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

---

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