本節學習目標
- 學習利用 Dynamic Panel 製作 Mega Menu
認識 Mega Menu
Mega Menu 若直譯，係為「巨型選單」。在應用上，Mega Menu 將選單內容全展開方便使用者瀏覽所有內容。在 Axure 中，Mega Menu 亦運用 Dynamic Panel，透過物件事件觸發，切換不同 Dynamic Panel 顯示不同選單內容。
如何製作 Mega Menu
- 製作物件：導覽列的網站名稱、類別物件置放完成後，接著製作下方選單內容。下方選單內容之 Dynamic Panel 會依導覽列類別數，而有不同的層級數量。
- 轉換成 Dynamic Panel：將其中一層轉換成 Dynamic Panel 並且在其中新增一層來置放另一選單的內容，物件的製作就完成了。
- 互動設定：互動共有三個。第一個當滑鼠移至導覽列類別時，類別會改變顏色代表使用者正在此類別中。第二個是移至不同類別時，下面的內容會跟著改變。第三個適當滑鼠移至類別時下方選單才會出現，且在滑鼠離開後會消失。
- 第一個互動設定，樣式改變的效果。選取其中一個類別物件點選 滑鼠移至物件樣式效果（MouseOver Style），選擇文字顏色（Font Color）並選擇一個顏色。將另一個類別物件做同樣的設定即完成。
- 第二個互動設定，滑鼠移入至不同物件切換Dynamic Panel 的內容。在導覽列的物件中，新增事件滑鼠移入（Mouse Enter），結果則是設定 Dynamic Panel 狀態（Set Panel State），在其狀態中選擇相對應的層就可以了；另一個類別設定也是如此方法。
- 最後一個設定，在滑鼠還未移入類別時，Dynamic Panel 不會出現，因此，我們可以選取 Dynamic Panel，在名稱的旁邊有的隱藏 / 顯示的圖示，並將其設定為 隱藏（Hide），這樣在一開始物件就會被隱藏。接著我們要讓 Dynamic Panel 在滑鼠移至類別時顯示，點選其中一個類別物件，在滑鼠移入的事件中加入新的 Action，選擇顯示，並在顯示的目標物件選擇 Dynamic Panel，且在更多選項的下拉選單中，選擇 Treat as flyout，這樣下方的選單會在滑鼠移開選單後才消失（若不設定就會是滑鼠離開類別時，選單就會消失）。最後，記得在另一個類別也設定一樣的互動。
