第1節(jié) 母版簡介
在Axure中可以通過母版解決多個頁面中重復內(nèi)容的編輯問題。就像PPT中的母版一樣，只需要把每個頁面中都有的內(nèi)容在母版中編輯完畢，然后添加到相應的頁面中。當頁面中添加了母版的內(nèi)容時，如果母版中的內(nèi)容發(fā)生了改變，頁面中的內(nèi)容也會同步改變。
第2節(jié) 添加/編輯/刪除
我們先來看一下母版的基礎操作：新建、編輯與刪除。（圖7-1）
（圖7-1）
- 新建
點擊面板中的新建按鈕或者點擊面板空白處按快捷鍵<Ctrl+回車鍵>完成母版的創(chuàng)建。
- 編輯
創(chuàng)建后可以對母版名稱進行編輯，雙擊母版名稱，畫布則變成母版的編輯區(qū)域。母版畫布中可以像組織頁面內(nèi)容一樣，放入元件、添加交互等組成模板的內(nèi)容。
- 刪除：
如果需要刪除一個母版，需要先將母版從所有關(guān)聯(lián)的頁面中移除，才可以刪除母版。被刪除的母版有下級母版時，下級母版將被同時刪除。如果需要查看母版被添加到哪些頁面中，可以在母版名稱上點擊【鼠標右鍵】，在菜單中選擇【使用情況】進行查看。
第3節(jié) 添加母版到頁面中
在母版名稱上單擊<鼠標右鍵>，打開右鍵菜單，在菜單列表中點擊選項【添加到頁面中】，在彈出的窗口中，可以指定將母版放到哪些頁面中使用。指定頁面的時候軟件提供了一些快捷功能給我們使用。（圖7-2）
（圖7-2）
第4節(jié) 從頁面中移除母版
如果頁面上不再需要某個母版，或者將某個母版添加到了無需添加該母版的頁面中，我們可以通過在母版名稱上點擊<鼠標右鍵>，打開右鍵菜單，選擇【從頁面中移除】，在打開的頁面中選擇要移除的頁面后，點擊【確定】即可完成移除。（圖7-3）
（圖7-3）
另外，也可以在頁面中，點擊母版將其選中，然后按下<Delete>鍵其刪除。
母版除了使用前面的方法添加到頁面中，還可以通過點住母版名稱拖放到畫布中的方式添加到某個頁面中。而且為了滿足不同情況的需要，軟件提供了三種拖放方式。拖放方式的選擇可以通過在母版名稱上點擊<鼠標右鍵>，打開右鍵菜單，在【拖放行為】的二級菜單中進行選擇。（圖7-4）
（圖7-4）
- 任意位置
允許將母版內(nèi)容放入畫布中的任意位置上擺放。
- 固定位置
母版內(nèi)容放入到畫布中并松開鼠標后，母版內(nèi)容會自動放置到畫布中的固定位置上，這個位置與母版中該內(nèi)容所在的位置一致。
- 脫離母版
允許將母版內(nèi)容放入畫布中的任意位置上擺放。但是，當拖放結(jié)束后，這些內(nèi)容與母版脫離聯(lián)系，變成普通元件存在于畫布中。母版進行編輯發(fā)生改變時，這些內(nèi)容不會同步發(fā)生變化。
第6節(jié) 自定義觸發(fā)事件
圓兒：這樣果然很方便！但是還有個問題。母版中的內(nèi)容，包括交互都是可以重用在任何頁面上，并且與母版保持一致。但是，假如母版中有一個按鈕，我需要在不同的頁面中，點擊這個按鈕時，顯示不同的內(nèi)容。需要怎么做呢？
小樓：我沒太聽懂，你舉個例子說一下。
圓兒：比如說啊！ A、B兩個頁面中添加了同一個母版，母版中有一個在線客服的按鈕。在A頁面中，鼠標進入這個按鈕時顯示客服小張的頭像，而在B頁面中，鼠標進入這個按鈕時則顯示客服小李的頭像。
小樓：嗯，這么說我就明白了。我也給你舉個例子。我們家里用電，如果只有一個供電總線，那么開關(guān)供電總線的電閘會影響家中所有的供電。但是，我們希望每個房間的供電都能單獨控制，所以，需要安裝一個設備叫“配電箱”，通過配電箱就可以對每個房間的供電進行單獨管理，不會互相影響。在Axure中，母版中的每個觸發(fā)事件添加交互都像供電總線，影響所有使用了這個母版頁面。如果在添加了母版的頁面上給母版中的某個觸發(fā)事件單獨添加交互，這就需要我們給母版中的這個觸發(fā)事件接上一個“配電箱”，這個“配電箱”的名字叫“自定義觸發(fā)事件”。
案例13：母版的自定義觸發(fā)事件
- 創(chuàng)建一個母版，命名為“OnlineService”。（圖7-5）
（圖7-5）
- 雙擊母版名稱，在畫布中打開母版的編輯區(qū)域，然后，添加母版中的內(nèi)容，一個矩形按鈕和用于顯示頭像的圖片。因為在鼠標進入按鈕時，需要添加交互改變頭像圖片，所以我們需要為圖片元件命名為“CallCenter”；（圖7-6）
（圖7-6）
2、創(chuàng)建一個自定義的觸發(fā)事件，就如同需要購買一個配電箱。
創(chuàng)建自定義觸發(fā)事件，需要先雙擊母版名稱，打開母版的編輯區(qū)域。然后，在導航菜單中，點擊菜單項【布局】，選擇列表中的最后一項【管理母版觸發(fā)事件】中進行創(chuàng)建。本案例中，需要對按鈕元件的【鼠標移入時】事件進行不同頁面的交互設置，就可以點擊【+】添加一個自定義的觸發(fā)事件名稱，比如：“MyMouseMove”。（圖7-7）
（圖7-7）
注意：只有畫布中編輯母版的內(nèi)容時，才能在導航菜單中打開【管理母版觸發(fā)事件】的選項。否則，該選項為灰色的禁用狀態(tài)。
- 將母版中的觸發(fā)事件與自定義觸發(fā)事件綁定，就像將供電總線接入配電箱。
為按鈕元件的【鼠標移入時】事件添加交互，【添加用例】，并設置動作為選擇【引發(fā)事件】為“MyMouseMove”。（圖7-8）
（圖7-8）
- 為每個頁面的按鈕元件分別添加不同的動作。
將母版添加到PageA和PageB兩個頁面中。在添加了母版的頁面中點中母版，則會在交互的功能界面中出現(xiàn)這個母版中綁定的所有自定義觸發(fā)事件，就像從配電箱中接出的分線。（圖7-9）
（圖7-9）
- 頁面PageA中
為自定義觸發(fā)事件“MyMouseMove”，添加用例設置動作為【設置圖片】于圖片元件“CallCenter”，為客服小張的頭像。（圖7-10）
（圖7-10）
然后，繼續(xù)設置動作【顯示】圖片元件“CallCenter”，【更多選項】中選擇“彈出效果”。彈出效果能夠讓鼠標離開時，顯示出來的圖片元件“CallCenter”再自動恢復隱藏狀態(tài)。（圖7-11）
（圖7-11）
- 頁面PageB中
為自定義觸發(fā)事件“MyMouseMove”，添加用例設置動作為【設置圖片】于元件“CallCenter”，為客服小李的頭像。（參考圖7-10）
然后，繼續(xù)設置動作【顯示】圖片元件“CallCenter”，【更多選項】中選擇“彈出效果”。（參考圖7-11）
