用Flash MX制作彈出Windows窗口

　　微軟公司的風格似乎並不是墨守成規的，但是不知道為什麼Windows界面總是沒有什麼變化。從Windows 3.x到Windows 9x，再到現在的Windows 2000和Windows XP看來看去總是那個樣子，想自己改變一下也很麻煩……沒有辦法，既然我們擁有Flash這個好用的工具，為什麼不充分利用呢?所以我們用Flash模擬一個來過過瘾。不過，怎麼好像還是換湯不換藥呢?當然了，我只是演示一下，這是一個Demo版的，其他的事情如功能的實現、界面的風格和作用就要靠你們大家Do It Yourself了。

　　不過我們今天的這個Flash作品既然是個簡單的演示版本，那咱們就一切從簡吧，還是那句話，當我們在制作Flash的時候，還是先理清楚設計思路的好，養成良好的習慣嘛!

　　圖1

　　制作思路：有一個工具欄在界面的下端;工具欄的左端是“開始”按鈕，點擊後有菜單彈出;而組成這個菜單的應該又是一個一個的按鈕，當鼠標移到其上面時，又向右彈出相應的菜單。相信大家對Windows界面已經不會很陌生了，那麼就開始吧。

　　工具欄及開始按鈕

　　1、用矩形工具在場景上畫一個不帶邊框的長條，長度最好和場景的寬度一致，將其移至場景下方;取這個層的名字為“工具欄”;

　　2、新建一層，名字為“開始按鈕”，用矩形工具和文本工具做出帶有“start”字樣的小矩形，位置在工具欄的左端(如圖1)，然後將其轉為Button，名字為“startm”。

　　向上彈出的菜單

　　1、新建一層，名字為“彈出菜單”，所有層都在第二幀加上關鍵幀。回到“彈出菜單”圖層，對第二幀進行操作;

　　2、畫一個大小合適的矩形，然後使用“linear Gradint”填色在矩形的頂端制作一個細長的矩形，在其上寫“My Windows”的字樣(如圖2)。將這個圖層全部選中，逆時針旋轉90°，放到“Start”按鈕的上端。將其轉為Movie Clip，名字為“Pop-up”;

　　圖2

　　3、對“Pop-up”進行操作，我們將原來第一層的名字改為“菜單背景”,新建兩層，分別為“菜單文字”和“菜單按鈕”。用文字工具在“菜單文字”層中寫上一些選項文字;然後用矩形工具做一個空白按鈕，名字為“mbt”，Over幀填上較深的顏色(相對於彈出菜單的背景顏色)。在“菜單按鈕”一層中拖出相應個數的“mbt”，將它們排列整齊(如圖3)。

　　圖3

　　向右彈出菜單

　　和第二步類似，相應的在“Pop-up”這個MC中再新建一層，名字為“程序菜單”，所有層都在第二幀加上關鍵幀，對“程序菜單”的第二幀進行操作。畫一個合適大小的矩形，將其轉為MC，名字為“Progam”參照第二步的3，做好向右彈出菜單(如圖4)。

　　如果還有子菜單，以此類推。

　　圖4

　　相應的Action

　　1、 回到場景，在其第一幀寫Action：

　　Stop();

　　2、Start按鈕的Action：

　　//鼠標點擊，彈出開始菜單

　　on (release) {

　　gotoAndStop (2);

　　}

　　3、對MC:pop-up進行操作，其第一幀的Action：

　　stop();

　　4、位置在Programs上的按鈕的Action：

　　//鼠標在其上面，彈出對應菜單

　　on (rollOver) {

　　gotoAndStop (2);

　　}

　　大家可以看到，實際上這個例子的Action非常簡單，只是用到了“跳轉”這樣的指令，實際上應用Action不需要很復雜就可以達到理想的效果;當然，這個例子只是寫出了一個菜單彈出的效果，但是以此類推不難做出所有的菜單彈出，這樣的例子在網站導航經常會用到。實際應用中只需要在按鈕上加入以下Action指令就可以了：

　　//當鼠標點擊，獲得指定URL並讓主場景回到初始狀態

　　on (release) {

　　getURL ("your URL");

　　_root.gotoAndStop(1);

　　}

　　當然，我們作的這個簡單的Flash也有一定的不足，比如在菜單的外面點擊並不會使菜單消失。要實現這樣的效果也並不是不可以，不過今天我的任務就是使大家能夠簡單地了解Flash MX的制作彈出窗口的簡單方法，所以呢，象這些問題還是留給大家自己去想吧!