一、首先用矩形工具畫一個背景,當然,你用圖片來做背景也行,無所謂,這個只是一個修飾作用,表示這塊是一個菜單。

二、再畫一個沒有顏色和邊框的矩形,這里先不說明這個矩形的作用,但一定是有用的(這不廢話么)。矩形的寬要比整個菜單兩邊都寬一些,高要比下拉出來最長的菜單高一些。然后把這個矩形鎖定住,快捷鍵是Ctrl+K,以免下面的誤操作這個“看不見的矩形”了。

三、在合適的位置寫上一級菜單內容。

四、在剛剛寫的一級菜單內容上面加一個動態面板,雙擊此動態面板,修改此動態面板的標簽和狀態名字。

五、接著選擇剛剛修改的面板狀態,點擊右側的編輯狀態按鈕,進入編輯面板狀態區域,在這里畫上下拉菜單被激活的狀態,也就是二級菜單,注意,一級菜單的內容也要畫進去。這個面板的內容其實就是鼠標移動到一級菜單上之后顯示的內容。

六、回到home頁面,之后有幾個步驟如下:
1、調整動態面板的位置,使之和后面的一級菜單的內容相重合,也可以在上一步編輯動態面板狀態中調整一級菜單的位置;
2、右鍵點擊動態面板,編輯動態面板–設為隱藏,讓二級菜單默認隱藏;
3、復制動態面板和一級菜單,分別放至合適的位置(要同時選中動態面板和一級菜單進行復制);
4、對復制后的動態面板進行重命名,便于以后進行識別;

七、選中第一個一級菜單的內容,然后打開“注解和交互”的操作面板,在“OnMouseEnter”上點右鍵,添加事件;“OnMouseEnter”其實就是指當鼠標移動到這里時,激活某些事件。

八、之后我們會看到一個“交互事件屬性”對話框,因為前面第六步的第2小步,我們已經把動態面板隱藏了,那么,這里,我們需要把他顯示出來。選中“顯示動態面板”,之后點擊下面“Show Panel”的Panel來進行選擇面板,選擇需要顯示的動態面板,點確定。

九、重復七、八步驟,分別應用到其他一級菜單中。

十、最后一步很重要,回憶一下第二步我們是不是畫了一個沒有顏色和邊框的矩形,用處在這里,選中它,并解鎖(Ctrl+Shift+K)。之后還是給他添加“OnMouseEnter”事件,這次不是要顯示動態面板了,而是要隱藏動態面板,并且選中所有的動態面板。意義就是當鼠標離開動態面板的范圍,移動到這個沒有顏色和邊框的矩形范圍內,

隱藏動態面板。如果沒有這一步,鼠標移動到其他位置的時候,這個二級菜單是不會隱藏的。
新聞熱點
疑難解答
圖片精選