axure版本：8.0
實(shí)現(xiàn)效果：
原型查看：
https://u7k6gc.axshare.com/#c=2
實(shí)現(xiàn)思路：
?????? 通過(guò)動(dòng)態(tài)面板實(shí)現(xiàn)菜單選中與未選中的不同效果矢炼，在頁(yè)面加載時(shí)，將指定菜單的動(dòng)態(tài)面板狀態(tài)設(shè)置為選中狀態(tài)。由于菜單一般會(huì)涉及多個(gè)頁(yè)面，可以通過(guò)母版來(lái)減少重復(fù)工作。
?????? 本示例只講解了橫放的菜單實(shí)現(xiàn)，豎放的菜單與此實(shí)現(xiàn)一致，各位童鞋們可以舉一反三客们。
制作步驟：
1、制作一個(gè)未選中的菜單材诽。添加一個(gè)文本框底挫，填寫(xiě)好菜單的名稱，設(shè)置好樣式脸侥。
2建邓、將其轉(zhuǎn)換為動(dòng)態(tài)面板。并用State1復(fù)制一個(gè)狀態(tài)睁枕。
3官边、雙擊編輯State2，修改該文本的顏色外遇，并添加一個(gè)選中的標(biāo)記條注簿。（各位可根據(jù)UI實(shí)現(xiàn)效果，添加其中的圖標(biāo)或者圖片）
4跳仿、復(fù)制該動(dòng)態(tài)面板诡渴，并修改相關(guān)文字，制作其他幾個(gè)菜單菲语，分別為每個(gè)動(dòng)態(tài)面板取上對(duì)應(yīng)的名字妄辩。
5、選中剛才制作的所有菜單的動(dòng)態(tài)面板谨究，點(diǎn)擊右鍵恩袱，“轉(zhuǎn)換為母版”泣棋，將此母版命名為“頂部菜單”胶哲。
6、分別為每個(gè)菜單制作相應(yīng)的頁(yè)面潭辈，并在頁(yè)面頂部同樣的位置插入該母版鸯屿。
7澈吨、分別設(shè)置每個(gè)頁(yè)面的頁(yè)面載入時(shí)事件，動(dòng)作添加為“設(shè)置面板狀態(tài)”寄摆。
公司介紹頁(yè)面谅辣，將動(dòng)態(tài)面板“公司介紹”的狀態(tài)設(shè)置為State2，其他動(dòng)態(tài)面板的狀態(tài)設(shè)置為state1;
產(chǎn)品方案頁(yè)面婶恼，將動(dòng)態(tài)面板“產(chǎn)品方案”的狀態(tài)設(shè)置為State2桑阶，其他動(dòng)態(tài)面板的狀態(tài)設(shè)置為state1;
聯(lián)系我們頁(yè)面，將動(dòng)態(tài)面板“聯(lián)系我們”的狀態(tài)設(shè)置為State2勾邦，其他動(dòng)態(tài)面板的狀態(tài)設(shè)置為state1;
8蚣录、添加菜單點(diǎn)擊事件。
雙擊剛才創(chuàng)建的母版眷篇，進(jìn)入母版編輯界面萎河。
分別選中創(chuàng)建的菜單動(dòng)態(tài)面板，添加“鼠標(biāo)單擊時(shí)”事件
公司介紹菜單蕉饼，鼠標(biāo)單擊時(shí)在當(dāng)前窗口打開(kāi)公司介紹頁(yè)面;
產(chǎn)品方案菜單虐杯，鼠標(biāo)單擊時(shí)在當(dāng)前窗口打開(kāi)產(chǎn)品方案頁(yè)面;
聯(lián)系我們菜單，鼠標(biāo)單擊時(shí)在當(dāng)前窗口打開(kāi)聯(lián)系我們頁(yè)面;
至此昧港，一級(jí)菜單的效果已經(jīng)實(shí)現(xiàn)擎椰。
