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

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

免費下載Axure RP 優惠購買Axure RP

小部件和頁面設置

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

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

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

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

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

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

• 單擊OK（確定）關閉對話框。

捕獲用戶的輸入并轉到下一頁

將變量的值設置為文本字段的文本

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

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

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

• 在Target（目標）下拉列表中選擇TextInputVar變量。

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

• 單擊確定以保存操作。

筆鏈接到第2頁

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

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

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

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

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

• 在目標下拉列表中選擇矩形小部件。

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

• TextInputVar變量應在Variable（變量）字段中自動選擇。

• 單擊確定以保存操作。

預覽互動

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

• 單擊按鈕導航到Page2。您在文本字段中輸入的文本應顯示在矩形小部件上。

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。