母版基礎(chǔ)知識講解
01 為什么要使用母版
母版可以用來創(chuàng)建重復(fù)使用的各類原型設(shè)計(jì)元素榆浓，并對其進(jìn)行全局管理，是整個項(xiàng)目中重復(fù)使用的元件容器撕攒。母版常用于創(chuàng)建頁頭陡鹃、頁尾烘浦、導(dǎo)航、模板和廣告等萍鲸。你可以在任何頁面輕松的使用事先創(chuàng)建好的母版闷叉，而不必再次辛苦制作或復(fù)制粘貼，這就是母版帶給我們的便利脊阴，你可以在母版的版面對它們進(jìn)行統(tǒng)一管理握侧。對母版進(jìn)行的任何修改結(jié)果，修改后的結(jié)果都會同步到引用的頁面中嘿期。一個頁面可以同時使用多個母版品擎。當(dāng)每個頁面中有大量相同重復(fù)的元件時，使用母版能夠節(jié)省時間秽五，極大的提高我們的工作效率孽查。
02 創(chuàng)建母版
方法一：在母版面板中點(diǎn)擊“新增母版”，為新建母版命名坦喘，雙擊母版進(jìn)入編輯界面。
方法二：在設(shè)計(jì)區(qū)域中首先選中要轉(zhuǎn)換為母版的元件西设，然后點(diǎn)擊右鍵瓣铣，選擇“轉(zhuǎn)換為母版”，在彈出框的對話框中設(shè)置母版名稱贷揽，命名完成后棠笑，還可以設(shè)置母版的拖放行為，下文中會介紹拖放行為禽绪。
03 母版的使用操作
使用母版面板對其進(jìn)行管理
在母版面板中蓖救，可以對母版進(jìn)行添加、刪除印屁、排序等管理循捺。
重命名：雙擊母版或者右鍵選擇“重命名”。
刪除母版：右鍵母版雄人，在彈出的菜單列表中點(diǎn)擊刪除从橘。
排序：直接拖拽母版或右鍵，在彈出菜單中選擇移動础钠，在右側(cè)展開的菜單欄中點(diǎn)擊上移或下移恰力。
母版面板還可以添加文件夾，與站點(diǎn)地圖類似旗吁，母版還可以新增子母版踩萎。
設(shè)計(jì)區(qū)域添加母版
直接拖拽母版至右側(cè)設(shè)計(jì)區(qū)域可以將母版添加到單個頁面中；右鍵點(diǎn)擊母版很钓，選擇“新增到頁面”香府，在彈出的“新增母版到頁面”對話框中選擇想要添加母版的頁面董栽，可以實(shí)現(xiàn)母版的批量添加；右鍵點(diǎn)擊母版回还，選擇“從頁面刪除”裆泳，可以在頁面中批量刪除母版。
母版上的遮罩：通常柠硕，添加的母版上會覆蓋一層粉紅色遮罩工禾，這是為了讓我們能夠在設(shè)計(jì)元素中快速區(qū)分哪些是母版。如果你不喜歡這種區(qū)分方式蝗柔，可以通過點(diǎn)擊菜單中的“視圖>遮罩”闻葵，取消粉紅色的遮罩效果。同樣的操作癣丧，在這里你也可以取消掉動態(tài)面板槽畔、中繼器、圖片熱區(qū)這些元件容器的遮罩效果胁编，見下圖厢钧。
04母版類型
按照母版的拖放行為，可以將母版分為以下3類：拖放到指定位置嬉橙、鎖定母版位置早直、從母版脫離。要改變母版類型市框，右鍵點(diǎn)擊母版霞扬。“選擇拖放行為”枫振，在彈出的菜單中進(jìn)行選擇喻圃。對模板類型的修改，只會影響到當(dāng)前要拖放到設(shè)計(jì)區(qū)域的母版粪滤。
任何位置：拖拽至設(shè)計(jì)區(qū)域斧拍，可以放置在設(shè)計(jì)區(qū)域中的任意位置
鎖定母版位置：拖拽至設(shè)計(jì)區(qū)域，固定在設(shè)計(jì)區(qū)域的某一位置额衙，不可以隨意移動
從母版脫離：拖拽至設(shè)計(jì)區(qū)域饮焦，即表示脫離了母版，在此處進(jìn)行任何修改窍侧，均不會影響原母版內(nèi)容
母版觸發(fā)事件
01觸發(fā)事件說明
觸發(fā)事件是創(chuàng)建在母版中县踢，只有母版才具有觸發(fā)事件，允許為母版的每個不同實(shí)例添加不同的交互伟件。當(dāng)你想讓母版內(nèi)元件的操作影響到母版外元件時硼啤，也可以使用母版觸發(fā)事件。觸發(fā)事件的效果是由母版內(nèi)元件觸發(fā)的斧账。
例如谴返，在母版中添加了3個按鈕煞肾，并分別添加了鼠標(biāo)單擊事件，點(diǎn)擊3個按鈕時嗓袱，影響著母版外一個文本的顯示內(nèi)容籍救。這樣做的好處是這里的按鈕是一個母版，對其操作維護(hù)比較方便渠抹，可以應(yīng)用到其它需要有類似效果的頁面蝙昙。雖然達(dá)到這種效果的方法有很多，但母版觸發(fā)事件的強(qiáng)大之處在于可以多次重復(fù)使用梧却，達(dá)到一勞永逸的目的奇颠。關(guān)于觸發(fā)事件的一些重點(diǎn)說明如下：
觸發(fā)事件只能用于母版內(nèi)的元件創(chuàng)建
一個母版可以擁有多個觸發(fā)事件
創(chuàng)建觸發(fā)事件的步驟：1.在母版的元件上創(chuàng)建觸發(fā)事件。2.將母版拖拽到頁面的設(shè)計(jì)區(qū)域中放航，選中該母版烈拒，在元件交互面板中使用觸發(fā)事件創(chuàng)建交互來影響當(dāng)前頁面的元素。
02創(chuàng)建和使用觸發(fā)事件
雙擊母版進(jìn)入編輯狀態(tài)广鳍，選中母版要觸發(fā)的觸發(fā)元件荆几，然后在元件交互面板中添加想要觸發(fā)的觸發(fā)事件的事件，在彈出的用例編輯器中第二步赊时，添加“觸發(fā)事件”動作伴郁，然后在第四步配置動作中設(shè)定“觸發(fā)事件”的名稱，最后勾選事件名稱前的復(fù)選框蛋叼，點(diǎn)擊確定，完成觸發(fā)事件的創(chuàng)建剂陡。
此外狈涮，還可以雙擊母版，進(jìn)入編輯狀態(tài)鸭栖。然后在菜單欄中的布局>管理母版觸發(fā)事件歌馍，對觸發(fā)事件進(jìn)行管理。
創(chuàng)建完觸發(fā)事件后晕鹊，將母版拖放到任意設(shè)計(jì)區(qū)域中松却，選中該母版，在元件交互面板中就可以看到剛剛添加的觸發(fā)事件溅话。觸發(fā)事件的操作方法和平時操作其他事件是一樣的晓锻。
觸發(fā)事件使用案例
為了幫助大家進(jìn)一步理解什么是母版的觸發(fā)事件及其重要性。在這個案例中將演示如何通過母版的觸發(fā)事件影響著文本顯示的內(nèi)容飞几。
step1：拖動3個按鈕至設(shè)計(jì)區(qū)域砚哆，并在3個按鈕內(nèi)分別輸入文字“發(fā)現(xiàn)”、“關(guān)注”和“消息”屑墨，拖動一個文本標(biāo)簽至設(shè)計(jì)區(qū)域躁锁，文本內(nèi)容默認(rèn)輸入“這里顯示按鈕的文字”纷铣。
step2：選中3個按鈕，右鍵設(shè)置為任意位置母版战转。雙擊母版搜立，進(jìn)入編輯狀態(tài)，為按鈕創(chuàng)建單擊事件槐秧，在事件編輯框中添加最下方的“觸發(fā)事件”，在配置動作中命名色鸳，這里我就偷懶，直接在系統(tǒng)默認(rèn)名稱后加上數(shù)字編號“NewEvent1”撵儿，選中事件名稱前面的復(fù)選框匈织，點(diǎn)擊確定纳决；同樣的操作阔加，為另外兩個按鈕添加觸發(fā)事件湃番，事件名稱分別為“NewEvent2”和“NewEvent3”。
step3：返回到頁面當(dāng)中戴卜，選中母版為剛才添加的觸發(fā)事件““NewEvent1”添加用例担孔，在用例編輯面板中，添加設(shè)置文本動作，在配置動作中選擇名為text的文本，設(shè)置文本的值為按鈕1的文字，點(diǎn)擊fx進(jìn)入編輯文本彈框界面，在設(shè)置這個值之前需要將按鈕1的文字定義為局部變量LVAR1，所以在配置動作中文本的值為局部變量LVAR1赂摆；按照同樣的操作，為另外兩個觸發(fā)事件添加用例，需要提醒的是宗弯，設(shè)置文本時欲主，文本的值分別設(shè)置為其按鈕上的元件文字引几。
step4：至此她紫，所有的設(shè)置已經(jīng)完成硅堆，按下F5，預(yù)覽測試下效果贿讹。
Axure8.0版本中稱之為“觸發(fā)事件”渐逃，也有一些中文版本翻譯為“引發(fā)事件”，Axure7.0版本稱之為“自定義事件”民褂，雖然叫法不一樣茄菊，但表達(dá)的意思是一致的。
如果你對Axure或原型設(shè)計(jì)有興趣赊堪，希望系統(tǒng)性地學(xué)習(xí)Axure知識面殖，掌握更多Axure使用技巧；或者希望通過臨摹交互案例哭廉，進(jìn)一步提升高保交互設(shè)計(jì)能力脊僚。請點(diǎn)擊下方關(guān)注按鈕，查看更多連載作品遵绰。
