第1節(jié) 母版簡介

在Axure中可以通過母版解決多個(gè)頁面中重復(fù)內(nèi)容的編輯問題瞳购。就像PPT中的母版一樣官觅，只需要把每個(gè)頁面中都有的內(nèi)容在母版中編輯完畢件缸，然后添加到相應(yīng)的頁面中房蝉。當(dāng)頁面中添加了母版的內(nèi)容時(shí)，如果母版中的內(nèi)容發(fā)生了改變，頁面中的內(nèi)容也會(huì)同步改變亭枷。

第2節(jié) 添加/編輯/刪除

我們先來看一下母版的基礎(chǔ)操作：新建、編輯與刪除庸诱。（圖7-1）

%e5%9b%be7-1

（圖7-1）

• 新建

點(diǎn)擊面板中的新建按鈕或者點(diǎn)擊面板空白處按快捷鍵<Ctrl+回車鍵>完成母版的創(chuàng)建。

• 編輯

創(chuàng)建后可以對(duì)母版名稱進(jìn)行編輯晤揣，雙擊母版名稱桥爽，畫布則變成母版的編輯區(qū)域。母版畫布中可以像組織頁面內(nèi)容一樣昧识，放入元件钠四、添加交互等組成模板的內(nèi)容。

• 刪除：

如果需要?jiǎng)h除一個(gè)母版跪楞，需要先將母版從所有關(guān)聯(lián)的頁面中移除缀去，才可以刪除母版。被刪除的母版有下級(jí)母版時(shí)甸祭，下級(jí)母版將被同時(shí)刪除缕碎。如果需要查看母版被添加到哪些頁面中，可以在母版名稱上點(diǎn)擊【鼠標(biāo)右鍵】池户，在菜單中選擇【使用情況】進(jìn)行查看咏雌。

第3節(jié) 添加母版到頁面中

在母版名稱上單擊<鼠標(biāo)右鍵>，打開右鍵菜單校焦，在菜單列表中點(diǎn)擊選項(xiàng)【添加到頁面中】赊抖，在彈出的窗口中，可以指定將母版放到哪些頁面中使用寨典。指定頁面的時(shí)候軟件提供了一些快捷功能給我們使用氛雪。（圖7-2）

%e5%9b%be7-2

（圖7-2）

第4節(jié) 從頁面中移除母版

如果頁面上不再需要某個(gè)母版，或者將某個(gè)母版添加到了無需添加該母版的頁面中耸成，我們可以通過在母版名稱上點(diǎn)擊<鼠標(biāo)右鍵>报亩，打開右鍵菜單浴鸿，選擇【從頁面中移除】，在打開的頁面中選擇要移除的頁面后捆昏，點(diǎn)擊【確定】即可完成移除赚楚。（圖7-3）

%e5%9b%be7-3

（圖7-3）

另外毙沾，也可以在頁面中骗卜，點(diǎn)擊母版將其選中，然后按下<Delete>鍵其刪除左胞。
母版除了使用前面的方法添加到頁面中寇仓，還可以通過點(diǎn)住母版名稱拖放到畫布中的方式添加到某個(gè)頁面中。而且為了滿足不同情況的需要烤宙，軟件提供了三種拖放方式遍烦。拖放方式的選擇可以通過在母版名稱上點(diǎn)擊<鼠標(biāo)右鍵>，打開右鍵菜單躺枕，在【拖放行為】的二級(jí)菜單中進(jìn)行選擇服猪。（圖7-4）

%e5%9b%be7-4

（圖7-4）

• 任意位置

允許將母版內(nèi)容放入畫布中的任意位置上擺放。

• 固定位置

母版內(nèi)容放入到畫布中并松開鼠標(biāo)后拐云，母版內(nèi)容會(huì)自動(dòng)放置到畫布中的固定位置上罢猪，這個(gè)位置與母版中該內(nèi)容所在的位置一致。

• 脫離母版

允許將母版內(nèi)容放入畫布中的任意位置上擺放叉瘩。但是膳帕，當(dāng)拖放結(jié)束后，這些內(nèi)容與母版脫離聯(lián)系薇缅，變成普通元件存在于畫布中危彩。母版進(jìn)行編輯發(fā)生改變時(shí)，這些內(nèi)容不會(huì)同步發(fā)生變化泳桦。

第6節(jié) 自定義觸發(fā)事件

圓兒：這樣果然很方便汤徽！但是還有個(gè)問題。母版中的內(nèi)容灸撰，包括交互都是可以重用在任何頁面上泻骤，并且與母版保持一致。但是梧奢，假如母版中有一個(gè)按鈕狱掂，我需要在不同的頁面中，點(diǎn)擊這個(gè)按鈕時(shí)亲轨，顯示不同的內(nèi)容趋惨。需要怎么做呢？

小樓：我沒太聽懂惦蚊，你舉個(gè)例子說一下器虾。

圓兒：比如說把渡！ A兆沙、B兩個(gè)頁面中添加了同一個(gè)母版欧芽，母版中有一個(gè)在線客服的按鈕。在A頁面中葛圃，鼠標(biāo)進(jìn)入這個(gè)按鈕時(shí)顯示客服小張的頭像千扔，而在B頁面中，鼠標(biāo)進(jìn)入這個(gè)按鈕時(shí)則顯示客服小李的頭像库正。

小樓：嗯曲楚，這么說我就明白了。我也給你舉個(gè)例子褥符。我們家里用電龙誊，如果只有一個(gè)供電總線，那么開關(guān)供電總線的電閘會(huì)影響家中所有的供電喷楣。但是趟大，我們希望每個(gè)房間的供電都能單獨(dú)控制，所以铣焊，需要安裝一個(gè)設(shè)備叫“配電箱”逊朽，通過配電箱就可以對(duì)每個(gè)房間的供電進(jìn)行單獨(dú)管理，不會(huì)互相影響粗截。在Axure中惋耙，母版中的每個(gè)觸發(fā)事件添加交互都像供電總線，影響所有使用了這個(gè)母版頁面熊昌。如果在添加了母版的頁面上給母版中的某個(gè)觸發(fā)事件單獨(dú)添加交互绽榛，這就需要我們給母版中的這個(gè)觸發(fā)事件接上一個(gè)“配電箱”，這個(gè)“配電箱”的名字叫“自定義觸發(fā)事件”婿屹。

案例13：母版的自定義觸發(fā)事件

• 創(chuàng)建一個(gè)母版灭美，命名為“OnlineService”。（圖7-5）

%e5%9b%be7-5

（圖7-5）

• 雙擊母版名稱昂利，在畫布中打開母版的編輯區(qū)域届腐，然后，添加母版中的內(nèi)容蜂奸，一個(gè)矩形按鈕和用于顯示頭像的圖片犁苏。因?yàn)樵谑髽?biāo)進(jìn)入按鈕時(shí)，需要添加交互改變頭像圖片扩所，所以我們需要為圖片元件命名為“CallCenter”围详；（圖7-6）

%e5%9b%be7-6

（圖7-6）

2、創(chuàng)建一個(gè)自定義的觸發(fā)事件，就如同需要購買一個(gè)配電箱助赞。

創(chuàng)建自定義觸發(fā)事件买羞，需要先雙擊母版名稱，打開母版的編輯區(qū)域雹食。然后畜普，在導(dǎo)航菜單中，點(diǎn)擊菜單項(xiàng)【布局】群叶，選擇列表中的最后一項(xiàng)【管理母版觸發(fā)事件】中進(jìn)行創(chuàng)建吃挑。本案例中，需要對(duì)按鈕元件的【鼠標(biāo)移入時(shí)】事件進(jìn)行不同頁面的交互設(shè)置盖呼，就可以點(diǎn)擊【+】添加一個(gè)自定義的觸發(fā)事件名稱儒鹿，比如：“MyMouseMove”化撕。（圖7-7）

%e5%9b%be7-7

（圖7-7）

注意：只有畫布中編輯母版的內(nèi)容時(shí)几晤，才能在導(dǎo)航菜單中打開【管理母版觸發(fā)事件】的選項(xiàng)。否則植阴，該選項(xiàng)為灰色的禁用狀態(tài)蟹瘾。

• 將母版中的觸發(fā)事件與自定義觸發(fā)事件綁定，就像將供電總線接入配電箱掠手。

為按鈕元件的【鼠標(biāo)移入時(shí)】事件添加交互憾朴，【添加用例】，并設(shè)置動(dòng)作為選擇【引發(fā)事件】為“MyMouseMove”喷鸽。（圖7-8）

%e5%9b%be7-8

（圖7-8）

• 為每個(gè)頁面的按鈕元件分別添加不同的動(dòng)作众雷。

將母版添加到PageA和PageB兩個(gè)頁面中。在添加了母版的頁面中點(diǎn)中母版做祝，則會(huì)在交互的功能界面中出現(xiàn)這個(gè)母版中綁定的所有自定義觸發(fā)事件砾省，就像從配電箱中接出的分線。（圖7-9）

%e5%9b%be7-9

（圖7-9）

• 頁面PageA中

為自定義觸發(fā)事件“MyMouseMove”混槐，添加用例設(shè)置動(dòng)作為【設(shè)置圖片】于圖片元件“CallCenter”编兄，為客服小張的頭像。（圖7-10）

%e5%9b%be7-10

（圖7-10）

然后声登，繼續(xù)設(shè)置動(dòng)作【顯示】圖片元件“CallCenter”狠鸳，【更多選項(xiàng)】中選擇“彈出效果”。彈出效果能夠讓鼠標(biāo)離開時(shí)悯嗓，顯示出來的圖片元件“CallCenter”再自動(dòng)恢復(fù)隱藏狀態(tài)件舵。（圖7-11）

%e5%9b%be7-11

（圖7-11）

• 頁面PageB中

為自定義觸發(fā)事件“MyMouseMove”，添加用例設(shè)置動(dòng)作為【設(shè)置圖片】于元件“CallCenter”脯厨，為客服小李的頭像铅祸。（參考圖7-10）

然后，繼續(xù)設(shè)置動(dòng)作【顯示】圖片元件“CallCenter”俄认，【更多選項(xiàng)】中選擇“彈出效果”个少。（參考圖7-11）