|
Axure版本：7.0.0.3145
Axure的母版是建好一個可在多個頁面復用的東西，與動態(tài)面板有些類似，不過有一點比較糾結的是，在同一個頁面中想讓同一個母版不同的實例保持相同交互動作就有點不知所措了，今天偶然發(fā)現(xiàn)母版中有個“觸發(fā)動作”的功能引起了我的注意，在嘗試下很好的解決了上述問題，講下一個例子：
頁面中有個排序的母版分2個實例，想要點擊一個的同時，另外一個也同時保持交互動作和行為，如下圖
![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_1 "[轉載]Axure一個母版多個實例交互")
雖然用動態(tài)面板也可以做到同樣的效果，但有一點是如果我這個頁面有多個動態(tài)面板使用相同的交互方式，哪天我需要改其中的一個樣式或者交互動作，就要一個個的去改，這時候母版的優(yōu)勢就來了，我只改一個母版就可以改全部，那交互怎么辦呢？接著走
1）新建一個母版里包含以上元素（因為這里考慮到price和discount都有高低排序，所以我分別給這2個在母版里建了動態(tài)面板，并且給所有元素命名和給不同狀態(tài)的按鈕設定好樣式）
![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_2 "[轉載]Axure一個母版多個實例交互") ![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_3 "[轉載]Axure一個母版多個實例交互") ![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_4 "[轉載]Axure一個母版多個實例交互") 2）分別給所有狀態(tài)的按鈕定“觸發(fā)事件”，這個功能在你點擊某個按鈕后添加點擊事件里，在新增動作中的最后一項可以看到
![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_5 "[轉載]Axure一個母版多個實例交互") 3）然后給它配置動作并且命名（這里因為我有7個按鈕，所以我共命名了7個動作名稱，分別給每個按鈕添加這個“觸發(fā)事件”動作，然后在命名前打鉤就行，如第一個按鈕“Popularity”的勾選） ![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_6 "[轉載]Axure一個母版多個實例交互") ![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_7 "[轉載]Axure一個母版多個實例交互") 4）設定好這些后，那2個母版上就可以看到剛才設定的這些事件了（貌似目前這個“觸發(fā)事件”功能只支持click事件），然后同時給這2個母版的這些事件分別加相同的交互動作（每個事件就是你在某個按鈕上命名的觸發(fā)事件名，交互動作自己自定義啦，我這里是實現(xiàn)排序的交互動作） ![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_8 "[轉載]Axure一個母版多個實例交互") ![[轉載]Axure一個母版多個實例交互](http://image99.360doc.com/DownloadImg/2016/08/2521/78707849_9 "[轉載]Axure一個母版多個實例交互") OK！全部設置好后，按F5預覽吧！ Have Fun！ ：）
|
|
|
