變量，一般來(lái)說(shuō)是用于存儲(chǔ)和傳遞一段數(shù)據(jù)內(nèi)容。它就像一個(gè)移動(dòng)硬盤，能夠把你暫時(shí)用不到但還有用途的數(shù)據(jù)進(jìn)行保存，以便之后使用，還能把這些存儲(chǔ)的內(nèi)容傳遞到其它地方進(jìn)行使用。那么，如何像使用移動(dòng)硬盤一樣去使用變量呢？接下來(lái)，我?guī)Т蠹抑鸩降牧私夂褪褂米兞俊?/p>

六、系統(tǒng)變量的使用

系統(tǒng)變量，顧名思義就是系統(tǒng)為我們創(chuàng)建的變量。系統(tǒng)變量中的數(shù)據(jù)，是系統(tǒng)自動(dòng)存入的，我們只需要知道如何讀取使用就可以了。

那么，系統(tǒng)變量在哪里呢？大家一定都見(jiàn)過(guò)下圖中的列表。

如果沒(méi)見(jiàn)過(guò)，你可以在任何設(shè)置值的地方，點(diǎn)擊“fx”按鈕，然后在打開的界面中，點(diǎn)擊“插入變量或函數(shù)“打開這個(gè)列表。

在這個(gè)列表中，最上方，會(huì)顯示我們自定義的變量：全局變量和局部變量。

然后，接下來(lái)還有很多分類，每個(gè)分類中都有不同的內(nèi)容。

這些內(nèi)容，很多人把它們稱為函數(shù)，但是實(shí)際上，這里面函數(shù)只是一部分，另外一部分是系統(tǒng)變量。

那么，怎么區(qū)分呢？

很簡(jiǎn)單！凡是帶括號(hào)的就是函數(shù)，例如下圖中都是數(shù)學(xué)函數(shù)。

除了帶括號(hào)的，都是系統(tǒng)變量。不過(guò)，系統(tǒng)變量也分為兩種：對(duì)象和屬性（見(jiàn)下圖）。

那么，對(duì)象和屬性又如何區(qū)分呢？

也很簡(jiǎn)單！首字母大寫的單詞都是對(duì)象，其它都是屬性！

不過(guò)，大部分同學(xué)，不太理解什么叫對(duì)象，什么叫屬性！

不要被文字迷惑！還是很簡(jiǎn)單！

對(duì)象，是一個(gè)具體的事物。

例如：一個(gè)美女、一架鋼琴、一個(gè)舞臺(tái)，這些都是對(duì)象。

而屬性，指的都是對(duì)象的屬性。

例如：體重、身高、膚色、長(zhǎng)度，這些都是屬性。

但是，一般我們說(shuō)一個(gè)屬性，都會(huì)說(shuō)某個(gè)對(duì)象的屬性。

比如：郎朗的身高。

在Axure里面，對(duì)象和屬性也是如此。

首先說(shuō)對(duì)象。

例如：This是當(dāng)前元件；Target是目標(biāo)元件；Window是瀏覽器窗口；Cursor是鼠標(biāo)指針；Item是數(shù)據(jù)集合；

除了系統(tǒng)變量中給出的這些對(duì)象，還有一些也是對(duì)象，例如’abc’是一個(gè)字符串對(duì)象。注意：包含兩個(gè)單引號(hào)。

這些都是具體的事物。

再來(lái)說(shuō)屬性。

例如：width是寬度，height是高度、opacity是透明度、length是長(zhǎng)度。

那么，這些對(duì)象和屬性，怎么使用呢？

就像我們討論某某的身高一樣，我們?cè)谑褂脤?duì)象和屬性的時(shí)候，也是使用某個(gè)對(duì)象的某個(gè)屬性。

在公式中，我們通過(guò)[[對(duì)象名稱.屬性名稱]]就能夠獲取指定對(duì)象的指定屬性。

如果你覺(jué)得不好理解，你可以把‘.’念成‘的’。

例如：[[This.text]]，念成當(dāng)前元件的文本，就非常容易理解了。

這就是系統(tǒng)變量的使用方法。

其實(shí)，在插入變量或函數(shù)的列表中就有這樣的例子。

圖中就是瀏覽器窗口的【對(duì)象.屬性】。另外，還要交代一下，在Axure中，對(duì)象的屬性值或者計(jì)算公式的結(jié)果都可以作為字符串對(duì)象使用。例如：

• [[This.text.length]]表示當(dāng)前元件的文本的長(zhǎng)度。
• [[(5/3).tofixed(1)]]表示5除以3后保留1位小數(shù)。

注：tofixed()是函數(shù)，函數(shù)其實(shí)就是方法，也通過(guò)對(duì)象調(diào)用。也就是對(duì)某個(gè)對(duì)象執(zhí)行某個(gè)方法。

接下來(lái)，我們通過(guò)一個(gè)小例子，來(lái)加強(qiáng)理解系統(tǒng)變量的使用。

大家一般都玩過(guò)微博。

微博在輸入內(nèi)容的時(shí)候，最多只能輸入140個(gè)字，并且在輸入時(shí)會(huì)提示還可以輸入多少個(gè)文字。

我們來(lái)簡(jiǎn)單模仿一下，這個(gè)功能。

第一步：準(zhǔn)備元件。一個(gè)多行文本框，命名為“text”；一個(gè)文本標(biāo)簽，命名為“message”。

第二步：在多行文本框的交互中，雙擊【文本改變時(shí)】，添加設(shè)置文本于元件“message”的動(dòng)作，并點(diǎn)擊右下方的“fx”按鈕，進(jìn)入編輯界面。（也可以在“fx”按鈕前面的文本框中編輯，此處為了方便演示，打開了編輯界面。）

第三步：在文本編輯區(qū)域輸入“還可以輸入[[140-This.text.length]]個(gè)字”。然后，點(diǎn)擊“確定“按鈕保存設(shè)置。

接下來(lái)，就可以在瀏覽器中預(yù)覽效果了。

從這個(gè)案例來(lái)看，系統(tǒng)變量是不是很方便易用？

到這里關(guān)于《Axure原型設(shè)計(jì)中變量的使用》就給大家分享完畢了！

感謝大家的支持！

歡迎關(guān)注我的公眾號(hào)：yeemoon

附：本文中的原型文件：鏈接: https://pan.baidu.com/s/1c2ENzyw 密碼: c9ab

相關(guān)閱讀

Axure原型設(shè)計(jì)中變量的使用（1）

Axure原型設(shè)計(jì)中變量的使用（2）：自定義變量的作用范圍

作者：YeeMoon，暴風(fēng)TV產(chǎn)品經(jīng)理

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