Axure原型設計中變量的使用(2):自定義變量的作用范圍
變量,一般來說是用于存儲和傳遞一段數據內容。它就像一個移動硬盤,能夠把你暫時用不到但還有用途的數據進行保存,以便之后使用,還能把這些存儲的內容傳遞到其它地方進行使用。那么,如何像使用移動硬盤一樣去使用變量呢?接下來,我?guī)Т蠹抑鸩降牧私夂褪褂米兞俊?/p>
五、自定義變量的作用范圍
自定義變量的作用范圍不同,所以才分為全局變量和局部變量。
全局變量,顧名思義,作用范圍是整個原型項目中所有的頁面,即作用范圍為全局。
局部變量的作用范圍是原型項目中某一個值的設置中。在一個項目中,值的設置可能有很多,所以局部變量在整個項目中可以不是唯一的,但在值的設置中必須是唯一的。
以上就是自定義變量的作用范圍。
那么,為了更直觀的理解,接下來,我舉兩個例子。
案例A(全局變量):郵箱找回密碼
一般我們通過安全郵箱找回密碼,會有兩個頁面。一個是填寫郵箱地址,點擊【下一步】按鈕的頁面。另外一個是驗證郵箱的頁面,在這個頁面中,會顯示前一個頁面中填寫的郵箱地址。像這樣跨頁面的數據傳遞就需要使用全局變量,而這個過程很像使用汽車運送貨物。
接下來,我們就開始演示案例!
首先,我們先創(chuàng)建一個全局變量“Account”。
然后,我們需要把“page1”頁面中輸入的賬號“Account”,傳遞到“page2”的頁面中顯示出來。
這里,我們在點擊【下一步】按鈕時,需要先把輸入的賬號,也就是文本框中的文字通過【設置變量值】的動作保存到全局變量“Account”中。
同時,在點擊【下一步】按鈕時,我們還要【打開鏈接】“page2”這個頁面。
最后,在“page2”這個【頁面載入時】或者元件“Message”的【載入時】設置提示“Message”的提示文本內容。
在這里,我們?yōu)椤癕essage”元件【設置文本】中顯示全局變量“Account”中保存的賬號信息。
這樣我們就完成了這個案例的全過程。點擊預覽效果。
案例B(局部變量):統計選中數量
在一些網站或者軟件上,當我們在選擇一些選項時,會有選中數量的提示。
這樣的交互效果,我們可以先在任何一個復選框上添加【選中時】的交互,設置元件“count”的文本為“[[當前數量+1]]”。
這個元件上的當前數量我們可以通過一個局部變量“c”進行獲取。點擊值的設置右側的“fx”按鈕,就可以進行局部變量設置。
通過上面這一步就能完成數量的增加。數量減少的設置我們可以參照上一步在【取消選中時】添加這個交互。
在這里,大家能夠看到,取消選中時的局部變量名稱仍然是“c”。也就是說在這個動作的設置中,也創(chuàng)建了一個名稱為“c”的局部變量。因為局部變量的作用范圍只是在值的設置中,所以,在取消選中時的交互中,新創(chuàng)建的局部變量可以與之前其它交互中的局部變量同名,并不會產生沖突。這兩個同名的局部變量,并不是同一個。就好像兩個不同的家庭中,都可以有叫張三的孩子。
最后,我們可以把上面的【選中時】和【取消選中時】的交互全部復制給其他的幾個復選框,就完成了這個案例的全過程。
總結
通過以上兩個案例,大家能夠看出:
- 自定義變量的“創(chuàng)建”、“寫入”和“讀取”這三個操作是缺一不可的。只有完成這三個操作,才能夠正確有效的使用自定義變量。
- 當原型中有跨頁面的數據傳遞,一定需要全局變量的輔助,才能夠實現。
- 局部變量的應用是在值的設置中,一旦離開值的設置,局部變量就會自動消失。在對下一個值進行設置的時候,還可以再創(chuàng)建同名的局部變量進行使用。
接下來,請大家關注我之后將發(fā)布的內容:《Axure原型設計中變量的使用(3):系統變量的使用方法與應用示例》。
相關閱讀
作者:YeeMoon,暴風TV產品經理
歡迎關注我的公眾號:yeemoon
本文由 @YeeMoon 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載。
- 目前還沒評論,等你發(fā)揮!