后臺系統(tǒng)的管理菜單級聯(lián)原型設(shè)計，一般后臺菜單的級別分為2、3級，也會通過結(jié)構(gòu)布局來化解菜單折疊的問題，但是有些復(fù)雜系統(tǒng)還是會需要菜單的展開折疊。下面講一下Axure實現(xiàn)這一效果的過程
一、準(zhǔn)備組件
矩形：一級菜單
矩形：二級菜單
可根據(jù)自己的需要進(jìn)行顏色、大小等區(qū)分，將一級菜單和二級菜單排列好。
二、添加交互
1、將所有二級菜單轉(zhuǎn)化為動態(tài)面板，命名：二級菜單，并設(shè)置為隱藏
2、選中一級菜單，添加點擊事件，選中二級菜單動態(tài)面板，可見性：切換；勾選推動/拉動元件，如下圖：
3、將一級菜單和二級菜單全部選中，復(fù)制粘貼，粘貼的個數(shù)自己定
效果如下圖：
三、三級菜單類似
在以上的基礎(chǔ)上編輯，選中一個一級菜單和二級菜單進(jìn)行編輯
選擇二級菜單動態(tài)面板，編輯里面的元件，添加三級菜單
重復(fù)以上的步驟
1、先將二級菜單和三級菜單進(jìn)行排列，選中所有三級菜單，轉(zhuǎn)化為動態(tài)面板，命名：三級菜單，并設(shè)置為隱藏
2、對二級菜單添加點擊事件，
隱藏——二級菜單——拉動元件
切換可見性——三級菜單動態(tài)面板——可見性：切換——推動/拉動元件
顯示——二級菜單——推動元件
3、選中二級菜單和三級菜單，復(fù)制、粘貼
效果如下
4、最后返回頂層，一級菜單的層級
選中一級菜單和二級菜單，復(fù)制、粘貼，效果如下：
四、完成
可預(yù)覽查看效果
如有額外精細(xì)化的效果，可以自己在相應(yīng)的元件上添加效果，如下
