axure版本：8.0
實(shí)現(xiàn)效果：
原型查看：
https://n6n0xr.axshare.com/#c=2
實(shí)現(xiàn)思路：
?????? 通過動(dòng)態(tài)面板實(shí)現(xiàn)菜單選中與未選中的不同效果曹锨，通過點(diǎn)擊一級(jí)菜單富稻，設(shè)置二級(jí)子菜單以及緊隨的一級(jí)菜單的移動(dòng)事件瘾带，實(shí)現(xiàn)菜單的展開與折疊效果（在子菜單上設(shè)置單擊打開頁(yè)面事件）米母。
?????? 本示例只講解了二級(jí)導(dǎo)航菜單的實(shí)現(xiàn)方式枕稀，各位童鞋們可參照相應(yīng)的實(shí)現(xiàn)思路舉一反三弟翘。
制作步驟：
1命斧、托入一個(gè)矩形2近忙，作為左側(cè)菜單背景色竭业，并調(diào)整大小和顏色智润。
2、制作第一個(gè)未選中狀態(tài)的一級(jí)菜單未辆。
3窟绷、并將其各個(gè)組件全部選中，轉(zhuǎn)換為動(dòng)態(tài)面板咐柜。并復(fù)制一個(gè)狀態(tài)兼蜈，設(shè)置菜單選中后的樣式。
4炕桨、參照第2饭尝、3步制作所有的子菜單。
5献宫、在右下角大綱頁(yè)面將所有的子菜單進(jìn)行分組并命名钥平，以便于后續(xù)設(shè)置事件。
6姊途、參照上面步驟將所有左側(cè)菜單項(xiàng)全部做完涉瘾。
7、設(shè)置所有一級(jí)菜單“鼠標(biāo)單擊時(shí)”事件,設(shè)置切換對(duì)應(yīng)的子菜單組合的顯示與隱藏捷兰。并可根據(jù)需要設(shè)置顯示和隱藏的動(dòng)畫（如顯示時(shí)向下滑動(dòng)立叛，隱藏時(shí)向上滑動(dòng)）
8、設(shè)置所有一級(jí)菜單“移動(dòng)時(shí)”事件贡茅，讓對(duì)應(yīng)的子菜單組合以及下一個(gè)一級(jí)菜單跟隨移動(dòng)秘蛇。
9、設(shè)置所有的二級(jí)子菜單組合（最后一個(gè)組合不用設(shè)置）“顯示時(shí)”事件顶考，移動(dòng)緊接著的下一個(gè)一級(jí)菜單動(dòng)態(tài)面板赁还，在“移動(dòng)”處選擇到達(dá)
設(shè)置到達(dá)的x值時(shí)，點(diǎn)擊fx驹沿，在彈出的對(duì)話框中艘策，選擇插入變量或函數(shù)
在變量中，返擇left
選中后渊季，結(jié)果如下（需要手動(dòng)將默認(rèn)的0刪除）朋蔫，然后點(diǎn)擊確定。
設(shè)置到達(dá)的y值却汉，也是點(diǎn)擊fx函數(shù)驯妄，在變量中，選擇bottom
最終結(jié)果如下合砂，點(diǎn)擊確定青扔。可根據(jù)實(shí)際場(chǎng)景，設(shè)置相應(yīng)的動(dòng)畫赎懦。
10、設(shè)置所有的二級(jí)子菜單組合（最后一個(gè)組合不用設(shè)置）“隱藏時(shí)”事件幻工，移動(dòng)緊接著的下一個(gè)一級(jí)菜單動(dòng)態(tài)面板励两，在“移動(dòng)”處選擇到達(dá)。
到達(dá)的x值設(shè)為[[This.left]]囊颅，到達(dá)的y值設(shè)為[[This.top]]
11当悔、全選剛才制作的所有元件，點(diǎn)擊右鍵踢代，選擇“轉(zhuǎn)換為母版”盲憎，并為該母版取一個(gè)名字
12、在母版窗格中胳挎，雙擊打開剛才創(chuàng)建的母版
設(shè)置“頁(yè)面載入時(shí)”事件饼疙，隱藏所有二級(jí)子菜單組合。
13慕爬、制作所有子菜單對(duì)應(yīng)的頁(yè)面窑眯，并在所有頁(yè)面中插入剛才制作的母版。
14医窿、所有的子菜單對(duì)應(yīng)頁(yè)面中磅甩，設(shè)置“頁(yè)面載入時(shí)”事件，等待50毫秒
顯示對(duì)應(yīng)的那個(gè)子菜單組合姥卢。
設(shè)置其對(duì)應(yīng)的一級(jí)菜單的面板狀態(tài)為state2卷要，并同時(shí)設(shè)置其對(duì)應(yīng)的二級(jí)子菜單的面板狀態(tài)為state2
15、打開剛才制作的母版独榴，設(shè)置所有的二級(jí)子菜單動(dòng)態(tài)面板僧叉，“鼠標(biāo)單擊時(shí)”事件，在當(dāng)前窗口打開對(duì)應(yīng)的頁(yè)面括眠。
至此彪标，左側(cè)多級(jí)導(dǎo)航菜單制作完成。
