axure母版你了解多少？正確運用母版可以節(jié)省很多時間，本文通過介紹如何使用母版和內(nèi)聯(lián)框架快速搭建APP基本框架的案例，來說明母版的使用方式~~希望對大家有幫助呀，筆芯?~
開門見山，先放效果圖：
本案例中，假設(shè)APP導(dǎo)航欄有三個圖標，點擊不同圖標打開不同頁面，且第三個圖標對應(yīng)頁面內(nèi)容超過一屏，可滑動查看頁面內(nèi)容。
具體步驟來啦：
一、創(chuàng)建導(dǎo)航欄母版
1. 創(chuàng)建母版，命名為Tab。
2. 為母版添加內(nèi)容，本案例母版內(nèi)容如下圖所示；其中圖標需要設(shè)置一下選中樣式，選中狀態(tài)為：更改為綠色圖標，同時將第一個圖標默認設(shè)置“選中”狀態(tài)。
3. 為母版添加事件，選中第一個圖標，添加OnClick（點擊時）事件，動作選擇Raise Event（自定義事件），然后在最右側(cè)一欄點擊“+”號，創(chuàng)建要自定義事件名稱，這里命名為“OpenPage1”（記住OpenPage1，在引用該母版的頁面會看到哦~）；同理為其他兩個圖標添加OnClick事件與Raise Event動作，自定義事件分別命名為OpenPage2、OpenPage3。
4. 為導(dǎo)航欄三個圖標設(shè)置選項組，為保證三個圖標當前只能有一個處于選中狀態(tài)，因此需要為三個圖標設(shè)置選項組。
二 、引用母版
1. 引用母版，右鍵母版tab，選擇Add to Pages（添加到頁面），把母版添加到對應(yīng)頁面中。
2. 添加內(nèi)聯(lián)框架，在引用母版的頁面添加內(nèi)聯(lián)框架；同時創(chuàng)建3個圖標所對應(yīng)的頁面，這里為Page1、Page2、Page3，并在頁面中添加內(nèi)容；內(nèi)聯(lián)框架默認鏈接到第一個圖標對應(yīng)的頁面Page1。
3. 在引用母版的頁面“將母版自定義事件具體化”，選中母版，可以看到右側(cè)屬性一欄出現(xiàn)“OpenPage1、OpenPage2、OpenPage3”事件（這就是在母版中添加的自定義事件~）；雙擊OpenPage1，添加用例：設(shè)置第一個圖標為選中狀態(tài)、在內(nèi)聯(lián)框架中打開Page1；同理為OpenPage2、OpenPage3添加用例。
到這里，點擊預(yù)覽可以看到已經(jīng)實現(xiàn)：點擊導(dǎo)航欄某個圖標，圖標變?yōu)檫x中狀態(tài)，并打開對應(yīng)頁面啦~
等等等等…好像漏了一個知識點￣□￣，前面提到“第三個圖標對應(yīng)頁面內(nèi)容超過一屏，可滑動查看頁面內(nèi)容”，這個需要一些操作，干貨繼續(xù)，如何實現(xiàn)滑屏查看頁面內(nèi)容：
（1）首先創(chuàng)建一個動態(tài)面板，命名為“顯示區(qū)域面板”，該面板大小為屏幕顯示區(qū)域大小；
（2）在“顯示區(qū)域面板”的State1中再創(chuàng)建一個動態(tài)面板，命名為“滑動區(qū)域面板”，該面板高度大于屏幕顯示區(qū)域高度；
（3）在“滑動區(qū)域面板”中添加頁面要展示的內(nèi)容；
（4）為“顯示區(qū)域面板”添加OnDrag（拖拽）事件，動作為：在y軸移動“滑動區(qū)域面板”，移動邊界值為頂部>=-58、底部<=600。
這里說一下-58和600是怎么來的，-58=顯示區(qū)域面板高度-滑動區(qū)域面板高度，600=滑動區(qū)域面板高度，也就是：當滑動區(qū)域面板底部和顯示區(qū)域面板底部對齊的時候，滑動區(qū)域面板頂部的y軸坐標就是-58；當滑動區(qū)域面板頂部和顯示區(qū)域面板頂部對齊的時候，滑動區(qū)域面板底部的y軸坐標就是600。
最后再啰嗦幾句，母版的好處就是：只要修改母版一個地方，則引用該母版的地方將被自動修改。母版用起來呀~
