大家好！我是海哥。歡迎閱讀學習《海哥交互行》精品課程。

 

本節(jié)課和大家一起分享axure的比較少用的一個部分變量與函數(shù)，為什么說是一個比較少用的一個部分呢?因為它是一個需要算法邏輯結(jié)構(gòu)的，而針對于新設(shè)計師確實有一定難度的。那我們今天就以幾個在工作中比較常用到的幾個案例進行講解。

常用的第一個是搜索結(jié)果，我們會把一個搜索的值傳送的下一個頁面。第二個是我們用在輸入文字是，需要有文字輸入提示，也就是計算字數(shù)。第三個是輸入手機號，需要對位數(shù)分類。第四個就是控制跳轉(zhuǎn)頁面，我們需要選擇一個種類通過系統(tǒng)判斷以后，從而進入到該類型的一種操作。

變量與函數(shù)

在講變量與函數(shù)我會通過一個案例來說明什么是變量，什么是函數(shù)的。

變量-通過下面這個界面來說，大家可以把變量理解為一個抽屜，而這個抽屜是通過英文名字來存放這些信息。比如歌手的名字，歌曲的title，歌詞等，都是屬于抽屜里面的東西，也就是數(shù)據(jù)。這種數(shù)據(jù)可以是字符串，也可以是英文字母。

函數(shù)-函數(shù)就比如我們需要播放音樂專輯的時候，底部的這些播放這些按鈕等操作。而函數(shù)也是有名字的，和變量一樣，最大的區(qū)別是函數(shù)有一個括符。有括符就代表是一個函數(shù)，這個函數(shù)里面有一個動作，或者操作指令，這些指令會加載一些變量的數(shù)據(jù)。

我們需要理解axure的變量，我們需要從兩個維度去理解。第一個就是變量是自己帶有的，也就是系統(tǒng)變量。還是我們自己定義的變量也就是自定義變量。還有一個維度就是任何一個頁面都可以訪問的也就是全局變量。還是只存在于當前頁面訪問的也就是局部變量。

系統(tǒng)變量

系統(tǒng)變量就是一個系統(tǒng)自帶的變量，我們沒有辦法去改變這個變量。比如我們在案例所講的那樣，如何去獲取瀏覽器高度與寬度等。對象-內(nèi)置的物件，類似于Windows、Cursor、This、Target，特點就是首個字母大寫。還有就是系統(tǒng)變量的屬性，而屬性就是物件的，一般來說我們用點號獲取。

 

自定義變量

首先自定義變量可以分為“局部變量”、和全局變量。全局變量就是任何一個頁面都可以訪問的到的一個值。局部變量只針對于當前頁面操作，而其它頁面是無法訪問的到。

 

 

變量名必須是字母數(shù)字，少于25個字符，并且不能包含空格。

 

 

函數(shù)

Axure中的函數(shù)是有括符的，設(shè)置函數(shù)參數(shù)時 字符串要用單引號括住，變量不需要。當然函數(shù)的使用種類也是特別的多，我就不每個去講了，我會把所有的函數(shù)列出來，大家多關(guān)注我的公眾號，會有詳細的函數(shù)使用方法列表。

 

下面我會用三個案例來向大家介紹變量函數(shù)，第一個就是把一個搜索得值傳送的下一個頁面中，因為這是一種跨頁面的方法，所以，會用到全局變量的方法。

首先我們在菜單欄中找到項目這個選項，在項目中找到全局變量。在這里我不太建議大家使用默認的狀態(tài)變量，可以建一個屬于自己針對性項目名稱的變量，在這里我們命名google。我們?nèi)绾稳崿F(xiàn)呢，我們需要一個整體的思路，首先我們點擊搜索后，能夠獲取到搜索結(jié)果頁面，并需要獲取到輸入文本的狀態(tài)。當當鼠標點擊搜索按鈕時，設(shè)置變量值，需要把數(shù)值給到google。設(shè)置局部變量值，并插入變量函數(shù)參數(shù)如下所示。

還需要就是就是跳轉(zhuǎn)頁面了，需要設(shè)置跳轉(zhuǎn)頁面到搜索結(jié)果。

我們還需要為搜索結(jié)果頁面設(shè)置變量。當頁面加載時，設(shè)置文本，設(shè)置文本值，插入變量值。

最后預(yù)覽一下效果。

 

第二個案例就是我們經(jīng)常使用的文字輸入框?qū)ξ淖侄嗌俚南拗疲斘淖州斎霑r，顯示文字剩余的輸入字數(shù)。在這里只存在兩種交互方式，一種是輸入文字，一種是文字字數(shù)發(fā)生變化。在文字剩余多少時，這里我們使用的文本輸入框，去掉描邊，并給與命名。需要我們到項目中去添加全局變量，并命名txtMum，這里更具自己喜歡的命名方式。 

 

接下來我們需要給上面的文本輸入框文本改變時，需要給全局變量設(shè)置變量值。變量的數(shù)值參考如下圖所示。

當輸入文字的時候，底部的字數(shù)提示也會反生變化。我們還需要在文本改變時，設(shè)置文本，設(shè)置變量值為值，并插入變量[[txtNum]]。

最后我們需要修改一下文字改變時的狀態(tài),修改變量值為：你剩下：[[140-txtNum]]。

最后預(yù)覽一下效果是否完成。

 

 

第三個案例也是我們比較實用的一個案例。通過選擇性別，點擊跳轉(zhuǎn)到指定相關(guān)的頁面，這里面需要用到條件判斷等操作。

首先我們在這里需要把boy和girl兩個按鈕轉(zhuǎn)化為動態(tài)面板，并命名，然后添加兩個狀態(tài)分別是myBoy，myGirl。并分別通過復制的方法修改兩個狀態(tài)的選中狀態(tài)，然后為兩個狀態(tài)分別添加點擊交互事件，鼠標單擊時，設(shè)置動態(tài)面板狀態(tài),設(shè)置如下圖所示。

 

因為需要跨頁面操作，接下來我們需要給性別選擇添加全局變量，命名為boyGirl。

分別設(shè)置單擊時的全局變量。

上面我們已經(jīng)設(shè)置完成變量和狀態(tài)了。下面我們需要做點擊下一步的頁面跳轉(zhuǎn)了，在這里我們需要運用到條件判斷了。添加條件語句為：變量值  boyGirl==boy的時候，需要打開連接到男生頁面，類似的方法給女孩頁面也添加類似的條件語句。

最后預(yù)覽一下效果是否完成。