Axure RP基礎篇:變量OnLoadVariable的簡單應用

3 評論 57422 瀏覽 53 收藏 4 分鐘

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

“Axure”被帶到了結果頁面上方搜索框中,便于用戶確認或再次調整搜索詞。而在登錄的場景中就是輸入用戶名和密碼成功后,用戶名會出現在 登錄后的頁面中。開始設計前說個概念:請把“Axure”當做一個變量,變量取名A?;氐紸xure來看看如何設計。首先新建兩個頁面,頁面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,生成頁面看看吧。
轉自: http://www.cnblogs.com/hyzhou/archive/2012/08/25/2655689.html
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 好像不行哦?值去不了第二個頁面….求指教~~

    來自廣東 回復