編輯導(dǎo)讀：在實(shí)際應(yīng)用中，全局變量起到了信息傳遞作用和標(biāo)志作用，可以在多個(gè)頁面間傳遞信息，或者作為特殊場景的判斷依據(jù)。本文作者對Axure中全局變量的應(yīng)用進(jìn)行了介紹，適合對Axure的頁面、元件、交互事件等有基本了解的讀者。

原理及含義

全局變量，顧名思義是全局的，簡單理解就是整個(gè)Axure文件中的不同頁面，都可以訪問使用。因?yàn)槲覀冎涝贏xure建立多個(gè)頁面后，在頁面a，是無法直接改變頁面b中元件的文本、選中狀態(tài)、顯示隱藏、移動(dòng)等狀態(tài)的。 所以我們想跨頁面進(jìn)行交互事件的操作時(shí)，就可以用到全局變量。

在這里，我總結(jié)了幾種應(yīng)用場景。

應(yīng)用場景一：跨頁面?zhèn)鬟f文本

案例

如在頁面a中輸入昵稱后，點(diǎn)擊按鈕跳轉(zhuǎn)到頁面b，頁面b中的“昵稱”可同步變化為剛剛輸入的文字：

教程：

1. 點(diǎn)擊頂部菜單“項(xiàng)目>全局變量…”增加一個(gè)全局變量用來存儲需要傳遞的文本。

2. 選擇相應(yīng)的觸發(fā)對象（按鈕）與觸發(fā)動(dòng)作（鼠標(biāo)單擊時(shí)），將輸入框文本賦值給全局變量。然后增加頁面跳轉(zhuǎn)（注意先后順序，如果先跳轉(zhuǎn)頁面會賦值失?。?。

3. 選擇相應(yīng)的觸發(fā)動(dòng)作（頁面載入時(shí)）后，將全局變量賦值給文本矩形。

應(yīng)用場景二：使用0，1等全局變量，控制其他頁面元素狀態(tài)

案例

選中頁面a中的勾選框，然后點(diǎn)擊按鈕跳轉(zhuǎn)至頁面b，頁面b顯示圖片；取消選中，則將圖片隱藏。

教程：

1. 點(diǎn)擊頂部菜單“項(xiàng)目>全局變量…”增加一個(gè)全局變量用來存儲勾選狀態(tài)。

2. 將勾選框選中狀態(tài)賦值給全局變量。選中時(shí)，設(shè)置全局變量“ShowPicture=1”;取消選中時(shí)，設(shè)置全局變量“ShowPicture=0”。然后按鈕設(shè)置跳轉(zhuǎn)至頁面b。

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

應(yīng)用場景三：使用0，1等全局變量，判斷次數(shù)

案例1

第一次進(jìn)入頁面b，顯示一個(gè)“3秒消失的提示”，之后再進(jìn)來就不再顯示該提示。

教程：

1. 點(diǎn)擊頂部菜單“項(xiàng)目>全局變量…”增加一個(gè)全局變量來判斷次數(shù)。設(shè)置默認(rèn)值1，代表“第一次”，值變?yōu)?，代表“非第一次”。

2. 對頁面a中的按鈕添加跳轉(zhuǎn)動(dòng)作。

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

4. 對小提示設(shè)置顯示時(shí)，等待3秒再隱藏，達(dá)到自動(dòng)消失的效果。

但怎么將變量值變?yōu)?呢？因?yàn)榈谝淮涡√崾境霈F(xiàn)然后隱藏后，之后就都是非第一次了，所以在小提示隱藏后，增加設(shè)置”FirstTime=0″即可。

案例2

第一次點(diǎn)擊頁面a中的按鈕，進(jìn)入頁面1，之后再點(diǎn)擊同一個(gè)按鈕，但是都進(jìn)入頁面2。

教程：

1. 點(diǎn)擊頂部菜單“項(xiàng)目>全局變量…”增加一個(gè)全局變量來判斷次數(shù)。設(shè)置默認(rèn)值1，代表“第一次”，值為0，代表“非第一次”。

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

但默認(rèn)值是1，什么時(shí)候應(yīng)該變成0呢？自然是第一次點(diǎn)擊按鈕時(shí)，就要賦值為0，所以當(dāng)”FirstTime=1″，點(diǎn)擊按鈕時(shí)，還要設(shè)置”FirstTime=0″。（注意先后順序，如果先跳轉(zhuǎn)頁面會賦值失?。?/p>

應(yīng)用場景四：使用0，1等全局變量，進(jìn)行操作記憶

案例

如頁面b中，勾選框選中后，再此進(jìn)入頁面b，勾選框仍然選中；取消選中后，再次進(jìn)入頁面b，勾選框則是取消選中的。

教程：

1. 點(diǎn)擊頂部菜單“項(xiàng)目>全局變量…”增加一個(gè)全局變量用來存儲勾選框的選中狀態(tài)。值為1則為選中，值為0則為取消選中。

2. 對頁面a的按鈕增加“鼠標(biāo)單擊時(shí)”打開頁面b的交互動(dòng)作。

3. 對頁面b的勾選框的選中狀態(tài)進(jìn)行全局變量的賦值，選中時(shí)設(shè)置全局變量為1，取消選中時(shí)設(shè)置全局變量為0。

4. 最后對頁面b載入時(shí)，增加全局變量值的判斷即可。當(dāng)全局變量為1時(shí)，設(shè)置勾選框?yàn)檫x中，全局變量為0時(shí)，設(shè)置勾選框?yàn)槿∠x中。

總結(jié)

全局變量的應(yīng)用并不復(fù)雜，不要被專業(yè)名詞嚇到，其實(shí)它就相當(dāng)于一個(gè)橋梁。適當(dāng)?shù)倪\(yùn)用能很好的提升我們的工作效率，以及高度還原交互效果。

本文由 @阿喊設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于CC0協(xié)議