中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

繼上篇《Axure教程 | 常用交互效果的基本設置》后，繼續說一下關于axure原型設計工具的基礎功能，讓它成為你原型設計的利器。

點擊這里查看在線演示。

第五個例子：獲取當前時間——常用函數的使用

關于函數，沒接觸過開發的人員對此比較陌生，而且覺得是個令人頭疼，感覺這東西好高深的樣子，所以有的人可能做了很多原型，可能連函數都沒使用過。

我們以獲取當前時間為例，來說一下函數的使用，一般在給組件設置文本的時候會使用函數或變量的方法。拖一個矩形框設置成輸入框的樣子，命名為today，再拖一個矩形框設置作為按鈕，設置一樣按鈕的交互樣式：

在單擊獲取按鈕時，使用日期函數獲取當前的時間

按上圖設置組件的文本內容，點擊右邊的fx圖標，在彈出的編輯文字窗口中插入變量和函數：

文字編輯框中[[]]之間是變量或函數的名稱，[[]]之外的內容是用來拼接的字符。

獲取時間的函數是不帶參數的，直接使用了系統的時間函數，我們再測試一下帶參數的字符串截取函數，在界面上放一個文本框，命名zimu，里面輸入abcdefg共7個字母，單擊截取字符串按鈕，獲取字符串的第3個到第5個共3個字符，再賦值給上面的矩形框，這里需要使用局部變量的概念。局部變量設置為當前zimu的文本內容，我們需要截取它。字符串截取提供了兩個函數，一個是從start位置開始的length個字符(substr函數)，一個是從from位置開始到to位置結束之間的字符(substring函數),兩個效果是一樣的，只是不同的方法：

對于這個例子，我們可以用上面的函數這樣截取：

[[LVAR1.substr(2,3)]]

或者

[[LVAR1.substring(2,5)]]

你可以在輸入框里輸入其它的一些字符來測試。

關于函數，我們重要要掌握字符串和日期兩種類型的函數。

第六個例子：自定義單選框——動態面板和選中狀態

單選框的實現方式我們至少可以通過兩種方式實現，一是使用組件的交互樣式來設置，通過設置選中的樣式來表示，另一種方式就是通過使用動態面板的兩個狀態切換來表示單選，我們分別來試一下。

1）通過組件的交互樣式設置

拖三個形狀，修改形狀為三個圓形，并設置邊框為最粗，分別命名為r1，r2，r3，單選的效果是選中其中一個后，另外其它的要處于取消選擇狀態。先設置三個形狀的選中樣式：

加好樣式后，給單選框添加單擊事件，先把幾個單選按鈕設置為未選中狀態，再設置當前單選按鈕的狀態為選中：

把這個單選按鈕的事件復制到其它兩個單選按鈕的單擊事件上，這樣就可以了。

2）通過動態面板實現

我們再看看如何通過動態面板來實現，拖一個矩形，設置形狀為圓形，同樣設置好大小和邊框，然后將它轉換成動態面板，作為動態面板的第一個狀態，也就是單選按鈕的默認狀態，再復制這個狀態，修改里面的圓形按鈕填充色和邊框色。為每個按鈕添加事件處理：

事件描述：

1. 設置三個動態面板的狀態為狀態1，即未選中狀態
2. 設置當前動態面板的狀態為狀態2，即選中狀態。

就是通過單擊事件讓每個單選按鈕的動態面板在兩個狀態間切換，兩個狀態代表未選中和選中。

第七個例子：倒計時——組件的隱藏/顯示事件

以10秒倒計時為例，axure里并沒有如何循環的直接方法，這里討巧地使用組件的隱藏/顯示的相互切換來循環處理數字。就是在隱藏事件里設置好數字后再顯示組件，這樣便會觸發顯示事件，然后再顯示事件里接著再隱藏組件，這樣又再次觸發了隱藏事件，就達到了循環處理的效果，這是循環處理的常見方法。

拖兩個矩形組件，一個用來顯示倒計時（命名countdown），一個用來作隱藏和顯示控制（命名control），初始值文本設置為10。

再添加個開始按鈕，單擊后開始計時。

選中control，分別添加隱藏和顯示事件如下：

隱藏事件解釋：

1. 先等待1秒鐘
2. 獲取control的文本，然后減去1，并重新賦值給contorl
3. 設置倒計時countdown的文本等于control的文本（LVAR1為局部變量，指向control的文本）
4. 顯示control，這個會觸發上面的顯示事件

顯示事件里立即隱藏了control，再次和隱藏事件，這樣control上的文字會再次計算

最終你看到的效果就是數值每隔一秒不斷再減1，這里如果要在到計時為0時停止，就需要再加上條件，可以在隱藏事件里判斷一下，如果control上的文本不等于0時，才去隱藏，否則就不再隱藏control，這樣就停止了：

第八個例子：設置窗口位置——局部變量的使用

其實在前面幾個例子里我們已經幾次使用了局部變量，就是獲取組件上的文本，見第七個例子的LVAR1，更高級一點，我們可以指定局部變量為某個組件對象，這樣就可以設置組件對應的x，y屬性，即組件的位置，或者組件的其它屬性，達到操作組件的目的。

添加兩個矩形框，改變一下大小，搞成一個窗口的樣子，轉換成動態面板，命名為win（因為是兩個形狀組成的對象，我們將它轉換成動態面板便于設置它的整體位置），添加一個矩形，作為按鈕，給按鈕添加事件，我們要達到的效果是將這個win窗口移動到當前瀏覽器窗口的水平中間位置：

點擊x輸入框后面的fx，在彈出窗口中設置：

窗口位置計算：當前窗口大小，減去win動態面板的寬帶，結果除以2就是當前窗口的中間位置了。點擊“設置位置”后，滾動窗口到最上方，檢查一下位置設置是否正確。

注意上面的局部變量LVAR1是從下拉框里選擇的部件哦！

點擊這里查看在線演示。

小結

以上介紹了axure里最基本的用法，這些基本的方法熟練后，足以滿足常見的原型設計了，只要多想一想，加上學習一些產品、交互方面的知識（如果你有一些開發方面的經驗就更好了），就會發現做原型其實挺簡單。

本文由 @Axure原型設計工場 原創發布于人人都是產品經理?，未經許可，禁止轉載。