Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧
原理及含義

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

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

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

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

Axure中全局變量的應用技巧

教程:

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧
應用場景二:使用0,1等全局變量,控制其他頁面元素狀態案例

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

Axure中全局變量的應用技巧

教程:

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧
應用場景三:使用0,1等全局變量,判斷次數案例1

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

Axure中全局變量的應用技巧

教程:

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧

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

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

Axure中全局變量的應用技巧
案例2

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

Axure中全局變量的應用技巧

教程:

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

Axure中全局變量的應用技巧

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

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

Axure中全局變量的應用技巧
應用場景四:使用0,1等全局變量,進行操作記憶案例

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

Axure中全局變量的應用技巧

教程:

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧

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

Axure中全局變量的應用技巧
總結

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

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

題圖來自 Unsplash,基於CC0協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 1773 字。

轉載請註明: Axure中全局變量的應用技巧 - 楠木軒