Axure中全局變量的應用技巧

9 評論 13111 瀏覽 28 收藏 10 分鐘

編輯導讀:在實際應用中,全局變量起到了信息傳遞作用和標志作用,可以在多個頁面間傳遞信息,或者作為特殊場景的判斷依據。本文作者對Axure中全局變量的應用進行了介紹,適合對Axure的頁面、元件、交互事件等有基本了解的讀者。

原理及含義

全局變量,顧名思義是全局的,簡單理解就是整個Axure文件中的不同頁面,都可以訪問使用。因為我們知道在Axure建立多個頁面后,在頁面a,是無法直接改變頁面b中元件的文本、選中狀態、顯示隱藏、移動等狀態的。 所以我們想跨頁面進行交互事件的操作時,就可以用到全局變量。

在這里,我總結了幾種應用場景。

應用場景一:跨頁面傳遞文本

案例

如在頁面a中輸入昵稱后,點擊按鈕跳轉到頁面b,頁面b中的“昵稱”可同步變化為剛剛輸入的文字:

教程:

1. 點擊頂部菜單“項目>全局變量…”增加一個全局變量用來存儲需要傳遞的文本。

2. 選擇相應的觸發對象(按鈕)與觸發動作(鼠標單擊時),將輸入框文本賦值給全局變量。然后增加頁面跳轉(注意先后順序,如果先跳轉頁面會賦值失?。?。

3. 選擇相應的觸發動作(頁面載入時)后,將全局變量賦值給文本矩形。

應用場景二:使用0,1等全局變量,控制其他頁面元素狀態

案例

選中頁面a中的勾選框,然后點擊按鈕跳轉至頁面b,頁面b顯示圖片;取消選中,則將圖片隱藏。

教程:

1. 點擊頂部菜單“項目>全局變量…”增加一個全局變量用來存儲勾選狀態。

2. 將勾選框選中狀態賦值給全局變量。選中時,設置全局變量“ShowPicture=1”;取消選中時,設置全局變量“ShowPicture=0”。然后按鈕設置跳轉至頁面b。

3. 最后在頁面b,設置載入時判斷即可。如果變量值為1時,根據前面的設置,意味著勾選框是選中的,因此設置“顯示圖片”;變量值為0時,代表勾選框取消選中了,則設置“隱藏圖片”。

應用場景三:使用0,1等全局變量,判斷次數

案例1

第一次進入頁面b,顯示一個“3秒消失的提示”,之后再進來就不再顯示該提示。

教程:

1. 點擊頂部菜單“項目>全局變量…”增加一個全局變量來判斷次數。設置默認值1,代表“第一次”,值變為0,代表“非第一次”。

2. 對頁面a中的按鈕添加跳轉動作。

3. 對頁面b載入時,增加判斷。第一次載入時,即”FirstTime=1″時,顯示提示,非第一次載入,即”FirstTime=0″時,隱藏提示。

4. 對小提示設置顯示時,等待3秒再隱藏,達到自動消失的效果。

但怎么將變量值變為0呢?因為第一次小提示出現然后隱藏后,之后就都是非第一次了,所以在小提示隱藏后,增加設置”FirstTime=0″即可。

案例2

第一次點擊頁面a中的按鈕,進入頁面1,之后再點擊同一個按鈕,但是都進入頁面2。

教程:

1. 點擊頂部菜單“項目>全局變量…”增加一個全局變量來判斷次數。設置默認值1,代表“第一次”,值為0,代表“非第一次”。

2. 將頁面a中的按鈕增加條件判斷。第一次跳轉到頁面1,即”FirstTime=1″時,打開“頁面1”,非第一次則跳轉到頁面2,即”FirstTime=0″時,打開“頁面2”。

但默認值是1,什么時候應該變成0呢?自然是第一次點擊按鈕時,就要賦值為0,所以當”FirstTime=1″,點擊按鈕時,還要設置”FirstTime=0″。(注意先后順序,如果先跳轉頁面會賦值失?。?/p>

應用場景四:使用0,1等全局變量,進行操作記憶

案例

如頁面b中,勾選框選中后,再此進入頁面b,勾選框仍然選中;取消選中后,再次進入頁面b,勾選框則是取消選中的。

教程:

1. 點擊頂部菜單“項目>全局變量…”增加一個全局變量用來存儲勾選框的選中狀態。值為1則為選中,值為0則為取消選中。

2. 對頁面a的按鈕增加“鼠標單擊時”打開頁面b的交互動作。

3. 對頁面b的勾選框的選中狀態進行全局變量的賦值,選中時設置全局變量為1,取消選中時設置全局變量為0。

4. 最后對頁面b載入時,增加全局變量值的判斷即可。當全局變量為1時,設置勾選框為選中,全局變量為0時,設置勾選框為取消選中。

總結

全局變量的應用并不復雜,不要被專業名詞嚇到,其實它就相當于一個橋梁。適當的運用能很好的提升我們的工作效率,以及高度還原交互效果。

 

本文由 @阿喊設計 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 實用,謝謝

    來自浙江 回復
  2. 設置值于NicName=文字于(文本框)
    這個是怎么怎么設置的呀

    來自山東 回復
  3. 全局變量有個不好的地方,就是復用比較難。不同的工程文件中,需要從新配置。

    來自福建 回復
    1. 可以在頂部菜單的“文件>從RP文件導入…”,來導入其他RP文件包括全局變量、母版等

      來自廣東 回復
  4. 我想問下,在中國真的有產品經理用axure會用到里邊的邏輯關系嗎?比如一個動效展現,會在axure里實現出來嗎?至少以我的經歷來看,就職過的大廠也不少了,大家都只是在axure上畫一張靜態圖,然后文字備注需要實現的效果。這么做不全是偷懶,一是因為動效全畫出來,基本上沒時間干其他活了,二是因為就用文字描述也挺清晰的。

    回復
    1. 深有同感

      回復
    2. 看產品自己和公司去吧!至少我要求下面的產品盡量在制作原型時達到高保真動態效果,主要原因也是為能快速讓研發同學快速理解。當然也會配上一些需求說明在邊上。(ps:每個產品經理都要有一套自己的axure設計組件??梢栽诓煌a品設計上復用的,這樣能節省非常多的時間。一些產品一直在畫原型上浪費時間,大多數是沒有組件資源,什么都從頭再來。)

      來自福建 回復
    3. 是的,教程只是介紹怎么用。要不要用,怎么用都看自己情況。

      來自廣東 回復
    4. 看公司。。我們公司要求全部要高保真原型。。所以。。。這些都有用的上

      來自江蘇 回復