Axure使用技巧:全局變量

1 評論 9362 瀏覽 15 收藏 5 分鐘

編輯導語:關于全局變量的作用,有些人可能尚未完全了解,那么,如何利用Axure來設置全局變量,進而發揮全局變量的作用,如跨頁面傳遞文本呢?本篇文章里,作者通過注冊頁面的案例,就全局變量的操作流程做了梳理,一起來看一下。

全局變量的作用有很多,其中最主要的一點是跨頁面傳遞文本。效果如下:

今天我們就通過注冊頁面這個例子,來直觀理解一下全局變量的作用。

一共分四步:

  1. 準備工作;
  2. 設置全局變量;
  3. 在注冊頁的提交按鈕處設置全局變量的交互;
  4. 設置跨頁面傳遞文本。

一、準備兩個簡單的頁面

注冊頁和提示頁,分別如下所示:

注意!這里提示頁的元件,一定是文本框,不是矩形。如果用矩形來表述這段文字,后面就沒有辦法設置跨頁面傳遞文本。

賬號和郵箱的設定,也是文本框。并分別把賬號和郵箱的文本框,命名為“賬號”“文本框”,養成及時給元件命名的好習慣。

二、設置全局變量

在項目菜單欄中,找到“全局變量”。

并添加“Accountvar”和“Emailvar”兩個全局變量。

三、在注冊頁的“提交”按鈕處設置全局變量的交互

因為我們前面設置了“Accountvar”和“Emailvar”兩個全局變量,但是并沒有具體的取值。這里我們就可以為這兩個變量賦值了。

我們要將填入賬號和郵件里的信息,傳遞到下一個頁面,管道就是“提交”這個按鈕。選擇單擊時,添加動作“設置變量值”。

這里著重說一下交互編輯器中的設置動作。這里有三個元素:目標、設置為、元件。

目標是你想要賦予值的元件、設置為元件,是賦予值的具體內容,是另一個元件里的其他元素。

在設置動作中,目標為全局變量“Accountvar”。

設置為“元件文字”,就是我們在文本框中鍵入的文字。

然后選擇設置的元件。

這里有個篩選小技巧,點擊篩選框,可以很快找到我們自命名的元件。

給另一個全局變量Email賦值同樣如此。

交互的最后一步是添加一個單擊時打開鏈接,即反饋頁。

四、在反饋頁中打通管道

前面我們已經通過“提交”按鈕把輸入在文本框中的信息傳遞到了管道中,接下來我們要在反饋頁中把這個管道的另一端打開。

點擊反饋頁中的空白位置。給整個頁面設置交互,選擇新建交互,在頁面載入時,選擇設置文本。選中文本框。

給文本內容,賦予全局變量。

至此,我們就完成了全部。

 

本文由 @艾筱說 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 您好,請問我按文章步驟進行操作后,為什么沒有生效呢,從注冊頁的兩個文本框輸入的內容并沒有帶入反饋頁的文本框中,反饋也的文本框中直接顯示的就是變量的名稱,請教下這是什么原因呢?

    來自陜西 回復