一、首先用矩形工具畫一個(gè)背景,當(dāng)然,你用圖片來做背景也行,無所謂,這個(gè)只是一個(gè)修飾作用,表示這塊是一個(gè)菜單。
二、再畫一個(gè)沒有顏色和邊框的矩形,這里先不說明這個(gè)矩形的作用,但一定是有用的(這不廢話么)。矩形的寬要比整個(gè)菜單兩邊都寬一些,高要比下拉出來最長的菜單高一些。然后把這個(gè)矩形鎖定住,快捷鍵是Ctrl+K,以免下面的誤操作這個(gè)“看不見的矩形”了。
三、在合適的位置寫上一級菜單內(nèi)容。
四、在剛剛寫的一級菜單內(nèi)容上面加一個(gè)動(dòng)態(tài)面板,雙擊此動(dòng)態(tài)面板,修改此動(dòng)態(tài)面板的標(biāo)簽和狀態(tài)名字。
五、接著選擇剛剛修改的面板狀態(tài),點(diǎn)擊右側(cè)的編輯狀態(tài)按鈕,進(jìn)入編輯面板狀態(tài)區(qū)域,在這里畫上下拉菜單被激活的狀態(tài),也就是二級菜單,注意,一級菜單的內(nèi)容也要畫進(jìn)去。這個(gè)面板的內(nèi)容其實(shí)就是鼠標(biāo)移動(dòng)到一級菜單上之后顯示的內(nèi)容。
六、回到home頁面,之后有幾個(gè)步驟如下:
1、調(diào)整動(dòng)態(tài)面板的位置,使之和后面的一級菜單的內(nèi)容相重合,也可以在上一步編輯動(dòng)態(tài)面板狀態(tài)中調(diào)整一級菜單的位置;
2、右鍵點(diǎn)擊動(dòng)態(tài)面板,編輯動(dòng)態(tài)面板–設(shè)為隱藏,讓二級菜單默認(rèn)隱藏;
3、復(fù)制動(dòng)態(tài)面板和一級菜單,分別放至合適的位置(要同時(shí)選中動(dòng)態(tài)面板和一級菜單進(jìn)行復(fù)制);
4、對復(fù)制后的動(dòng)態(tài)面板進(jìn)行重命名,便于以后進(jìn)行識別;
七、選中第一個(gè)一級菜單的內(nèi)容,然后打開“注解和交互”的操作面板,在“OnMouseEnter”上點(diǎn)右鍵,添加事件;“OnMouseEnter”其實(shí)就是指當(dāng)鼠標(biāo)移動(dòng)到這里時(shí),激活某些事件。
八、之后我們會(huì)看到一個(gè)“交互事件屬性”對話框,因?yàn)榍懊娴诹降牡?小步,我們已經(jīng)把動(dòng)態(tài)面板隱藏了,那么,這里,我們需要把他顯示出來。選中“顯示動(dòng)態(tài)面板”,之后點(diǎn)擊下面“Show Panel”的Panel來進(jìn)行選擇面板,選擇需要顯示的動(dòng)態(tài)面板,點(diǎn)確定。
九、重復(fù)七、八步驟,分別應(yīng)用到其他一級菜單中。
十、最后一步很重要,回憶一下第二步我們是不是畫了一個(gè)沒有顏色和邊框的矩形,用處在這里,選中它,并解鎖(Ctrl+Shift+K)。之后還是給他添加“OnMouseEnter”事件,這次不是要顯示動(dòng)態(tài)面板了,而是要隱藏動(dòng)態(tài)面板,并且選中所有的動(dòng)態(tài)面板。意義就是當(dāng)鼠標(biāo)離開動(dòng)態(tài)面板的范圍,移動(dòng)到這個(gè)沒有顏色和邊框的矩形范圍內(nèi),
隱藏動(dòng)態(tài)面板。如果沒有這一步,鼠標(biāo)移動(dòng)到其他位置的時(shí)候,這個(gè)二級菜單是不會(huì)隱藏的。