Axure原型設(shè)計(jì)中變量的使用(3):系統(tǒng)變量的使用方法
變量,一般來說是用于存儲和傳遞一段數(shù)據(jù)內(nèi)容。它就像一個移動硬盤,能夠把你暫時用不到但還有用途的數(shù)據(jù)進(jìn)行保存,以便之后使用,還能把這些存儲的內(nèi)容傳遞到其它地方進(jìn)行使用。那么,如何像使用移動硬盤一樣去使用變量呢?接下來,我?guī)Т蠹抑鸩降牧私夂褪褂米兞俊?/p>
六、系統(tǒng)變量的使用
系統(tǒng)變量,顧名思義就是系統(tǒng)為我們創(chuàng)建的變量。系統(tǒng)變量中的數(shù)據(jù),是系統(tǒng)自動存入的,我們只需要知道如何讀取使用就可以了。
那么,系統(tǒng)變量在哪里呢?大家一定都見過下圖中的列表。
如果沒見過,你可以在任何設(shè)置值的地方,點(diǎn)擊“fx”按鈕,然后在打開的界面中,點(diǎn)擊“插入變量或函數(shù)“打開這個列表。
在這個列表中,最上方,會顯示我們自定義的變量:全局變量和局部變量。
然后,接下來還有很多分類,每個分類中都有不同的內(nèi)容。
這些內(nèi)容,很多人把它們稱為函數(shù),但是實(shí)際上,這里面函數(shù)只是一部分,另外一部分是系統(tǒng)變量。
那么,怎么區(qū)分呢?
很簡單!凡是帶括號的就是函數(shù),例如下圖中都是數(shù)學(xué)函數(shù)。
除了帶括號的,都是系統(tǒng)變量。不過,系統(tǒng)變量也分為兩種:對象和屬性(見下圖)。
那么,對象和屬性又如何區(qū)分呢?
也很簡單!首字母大寫的單詞都是對象,其它都是屬性!
不過,大部分同學(xué),不太理解什么叫對象,什么叫屬性!
不要被文字迷惑!還是很簡單!
對象,是一個具體的事物。
例如:一個美女、一架鋼琴、一個舞臺,這些都是對象。
而屬性,指的都是對象的屬性。
例如:體重、身高、膚色、長度,這些都是屬性。
但是,一般我們說一個屬性,都會說某個對象的屬性。
比如:郎朗的身高。
在Axure里面,對象和屬性也是如此。
首先說對象。
例如:This是當(dāng)前元件;Target是目標(biāo)元件;Window是瀏覽器窗口;Cursor是鼠標(biāo)指針;Item是數(shù)據(jù)集合;
除了系統(tǒng)變量中給出的這些對象,還有一些也是對象,例如’abc’是一個字符串對象。注意:包含兩個單引號。
這些都是具體的事物。
再來說屬性。
例如:width是寬度,height是高度、opacity是透明度、length是長度。
那么,這些對象和屬性,怎么使用呢?
就像我們討論某某的身高一樣,我們在使用對象和屬性的時候,也是使用某個對象的某個屬性。
在公式中,我們通過[[對象名稱.屬性名稱]]就能夠獲取指定對象的指定屬性。
如果你覺得不好理解,你可以把‘.’念成‘的’。
例如:[[This.text]],念成當(dāng)前元件的文本,就非常容易理解了。
這就是系統(tǒng)變量的使用方法。
其實(shí),在插入變量或函數(shù)的列表中就有這樣的例子。
圖中就是瀏覽器窗口的【對象.屬性】。另外,還要交代一下,在Axure中,對象的屬性值或者計(jì)算公式的結(jié)果都可以作為字符串對象使用。例如:
- [[This.text.length]]表示當(dāng)前元件的文本的長度。
- [[(5/3).tofixed(1)]]表示5除以3后保留1位小數(shù)。
注:tofixed()是函數(shù),函數(shù)其實(shí)就是方法,也通過對象調(diào)用。也就是對某個對象執(zhí)行某個方法。
接下來,我們通過一個小例子,來加強(qiáng)理解系統(tǒng)變量的使用。
大家一般都玩過微博。
微博在輸入內(nèi)容的時候,最多只能輸入140個字,并且在輸入時會提示還可以輸入多少個文字。
我們來簡單模仿一下,這個功能。
第一步:準(zhǔn)備元件。一個多行文本框,命名為“text”;一個文本標(biāo)簽,命名為“message”。
第二步:在多行文本框的交互中,雙擊【文本改變時】,添加設(shè)置文本于元件“message”的動作,并點(diǎn)擊右下方的“fx”按鈕,進(jìn)入編輯界面。(也可以在“fx”按鈕前面的文本框中編輯,此處為了方便演示,打開了編輯界面。)
第三步:在文本編輯區(qū)域輸入“還可以輸入[[140-This.text.length]]個字”。然后,點(diǎn)擊“確定“按鈕保存設(shè)置。
接下來,就可以在瀏覽器中預(yù)覽效果了。
從這個案例來看,系統(tǒng)變量是不是很方便易用?
到這里關(guān)于《Axure原型設(shè)計(jì)中變量的使用》就給大家分享完畢了!
感謝大家的支持!
歡迎關(guān)注我的公眾號:yeemoon
附:本文中的原型文件:鏈接: https://pan.baidu.com/s/1c2ENzyw 密碼: c9ab
相關(guān)閱讀
Axure原型設(shè)計(jì)中變量的使用(2):自定義變量的作用范圍
作者:YeeMoon,暴風(fēng)TV產(chǎn)品經(jīng)理
本文由 @YeeMoon 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
點(diǎn)個贊,通俗易懂,尤其變量二字
寫的真好
扎心了。老鐵,