天天看點

《Axure RP7網站和APP原型制作從入門到精通》一2.2 自定義事件

本節書摘來自異步社群《axure rp7網站和app原型制作從入門到精通》一書中的第2章,第2.2節,作者 金烏,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

axure rp7網站和app原型制作從入門到精通

自定義事件是建立在母版中的,允許為母版的每個不同執行個體添加不同互動。當你想讓母版内的部件影響到頁面中母版外部的部件時,也可以使用自定義事件。自定義事件的互動是由母版内部的部件觸發的。

例如,在母版中建立了“上一頁/下一頁”按鈕,可以在按鈕上添加一個滑鼠點選時的自定義事件,當點選按鈕時跳轉到不同頁面,而這個事件取決于目前母版所在的頁面。這樣做的好處就是,這裡的按鈕是一個母版,可以在一個地方輕松對其進行維護/更新。

或者,你的頁面中有一個母版和一個動态面闆,使用母版中的按鈕來控制動态面闆隐藏。你可以在母版中的按鈕上添加自定義互動事件,然後就可以在母版上定義這個事件來設定動态面闆為隐藏。要熟悉自定義事件可能會花一點兒時間,但是當你在工作用到它的時候,你會發現它的強大。

下面是關于自定義事件的重點。

自定義事件隻能在母版中的部件上建立。

一個母版可以有多個自定義事件。

建立自定義事件需要兩個步驟。1.在母版中的部件上建立自定義事件。2.将母版拖入到頁面的設計區域中,選中該母版,在部件互動面闆中使用自定義事件建立互動來影響目前頁面中的元素。

輕按兩下母版進入編輯,選中母版中要觸發自定義事件的部件,然後在部件互動面闆中輕按兩下想要觸發自定義事件的事件,在彈出的用例編輯器中第二步,添加“自定義事件”動作,繼續在第四步配置動作中設定自定義事件的名稱,最後勾選自定義事件前面的複選框,點選“确定”,見圖10。

《Axure RP7網站和APP原型制作從入門到精通》一2.2 自定義事件

此外,你還可以輕按兩下母版,進入編輯狀态。然後點選菜單欄中的“布局 >管理自定義事件(僅限母版)”,對自定義事件進行管理,見圖11。

《Axure RP7網站和APP原型制作從入門到精通》一2.2 自定義事件

當添加完畢自定義事件之後,将母版拖放到任意頁面的設計區域中,選中該母版,在部件互動面闆中就可以看到剛剛添加的自定義事件了。自定義事件的操作方法,和平時操作其他事件是一樣的。