變量應用：頁面傳Axure變量值

　　主要講的是如何將頁面A的數據，傳遞到頁面B，這種交互場景用戶經常用到的有：搜索，登錄。寫這個教程目的是交互設計師在設計原型時能提高真實度，便於評審時項目組的理解，同時也方便在做用戶調研、使用demo時更接進真實場景。簡單點就是有助於減少溝通、解釋成本。先看個場景：在百度中輸入”Axure”。

　　

　　出現結果頁面如下：

　　

 

　　“Axure”被帶到了結果頁面上方搜索框中，便於用戶確認或再次調整搜索詞。而在登錄的場景中就是輸入用戶名和密碼成功后，用戶名會出現在登錄后的頁面中。開始設計前說個概念：請把“Axure”當做一個變量，變量取名A。回到Axure來看看如何設計。首先新建兩個頁面，頁面1和頁面2，在頁面1中我們把文本框和按鈕兩個主要 組件拿出來。

　　

 

　　文本框主要用來收集變量A，而搜索按鈕主要用來執行何時傳遞的命令。文本框標簽取名為input，搜索按鈕標簽取名為btn。

　　接下來設置搜索按鈕的動作：1.選擇按鈕，打開用例編輯器（有兩個動作要設置），單擊時在當前窗口打開頁面2；2.還要選擇【設置變量和 部件值】；3.打開設置值編輯器，選中值於變量OnLoadVariable；4.文字在input部件上。備注：步驟3、4你可能理解為把文本框中輸入的內容附到OnLoadVariable中，回到上面的例子也就是把A“Axure”，附到了OnLoadVariable中。OnLoadVariable干什么用呢，接着看。

 

　　設置完成后的交互面板如圖：

 

　　

 

　　接下來打開頁面2，還是放入文本框和搜索框，這里只要把文本框的標簽名設置為input2（當然你也可以不設置為input2）。

　　

 

　　選擇工具底部的頁面交互，打開面板選擇【設置變量和部件值】，還記得剛才的OnLoadVariable嗎，這里面有頁面1文本框中輸入的值，現在把他附到頁面2的input文本框中。

　　OK，生成頁面看看吧。