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