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

　　不過(guò)我們今天的這個(gè)Flash作品既然是個(gè)簡(jiǎn)單的演示版本，那咱們就一切從簡(jiǎn)吧，還是那句話，當(dāng)我們?cè)谥谱鱂lash的時(shí)候，還是先理清楚設(shè)計(jì)思路的好，養(yǎng)成良好的習(xí)慣嘛！


圖1

　　制作思路：有一個(gè)工具欄在界面的下端；工具欄的左端是“開始”按鈕，點(diǎn)擊后有菜單彈出；而組成這個(gè)菜單的應(yīng)該又是一個(gè)一個(gè)的按鈕，當(dāng)鼠標(biāo)移到其上面時(shí)，又向右彈出相應(yīng)的菜單。相信大家對(duì)Windows界面已經(jīng)不會(huì)很陌生了，那么就開始吧。

　　工具欄及開始按鈕

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

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

　　向上彈出的菜單

　　1、新建一層，名字為“彈出菜單”，所有層都在第二幀加上關(guān)鍵幀?；氐健皬棾霾藛巍眻D層，對(duì)第二幀進(jìn)行操作；

　　2、畫一個(gè)大小合適的矩形，然后使用“l(fā)inear Gradint”填色在矩形的頂端制作一個(gè)細(xì)長(zhǎng)的矩形，在其上寫“My Windows”的字樣（如圖2）。將這個(gè)圖層全部選中，逆時(shí)針旋轉(zhuǎn)90°，放到“Start”按鈕的上端。將其轉(zhuǎn)為Movie Clip，名字為“Pop-up”；


圖2

　　3、對(duì)“Pop-up”進(jìn)行操作，我們將原來(lái)第一層的名字改為“菜單背景”,新建兩層，分別為“菜單文字”和“菜單按鈕”。用文字工具在“菜單文字”層中寫上一些選項(xiàng)文字；然后用矩形工具做一個(gè)空白按鈕，名字為“mbt”，Over幀填上較深的顏色（相對(duì)于彈出菜單的背景顏色）。在“菜單按鈕”一層中拖出相應(yīng)個(gè)數(shù)的“mbt”，將它們排列整齊（如圖3）。


圖3

　　向右彈出菜單

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

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


圖4

　　相應(yīng)的Action

　　1、 回到場(chǎng)景，在其第一幀寫Action：

　　Stop();

　　2、Start按鈕的Action：

　　//鼠標(biāo)點(diǎn)擊，彈出開始菜單

　　on (release) {

　　gotoAndStop (2);

　　}

　　3、對(duì)MC:pop-up進(jìn)行操作，其第一幀的Action：

　　stop();

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

　　//鼠標(biāo)在其上面，彈出對(duì)應(yīng)菜單

　　on (rollOver) {

　　gotoAndStop (2);

　　}

　　大家可以看到，實(shí)際上這個(gè)例子的Action非常簡(jiǎn)單，只是用到了“跳轉(zhuǎn)”這樣的指令，實(shí)際上應(yīng)用Action不需要很復(fù)雜就可以達(dá)到理想的效果；當(dāng)然，這個(gè)例子只是寫出了一個(gè)菜單彈出的效果，但是以此類推不難做出所有的菜單彈出，這樣的例子在網(wǎng)站導(dǎo)航經(jīng)常會(huì)用到。實(shí)際應(yīng)用中只需要在按鈕上加入以下Action指令就可以了：

　　//當(dāng)鼠標(biāo)點(diǎn)擊，獲得指定URL并讓主場(chǎng)景回到初始狀態(tài)

　　on (release) {

　　getURL ("your URL");

　　_root.gotoAndStop(1);

　　}

　　當(dāng)然，我們作的這個(gè)簡(jiǎn)單的Flash也有一定的不足，比如在菜單的外面點(diǎn)擊并不會(huì)使菜單消失。要實(shí)現(xiàn)這樣的效果也并不是不可以，不過(guò)今天我的任務(wù)就是使大家能夠簡(jiǎn)單地了解Flash MX的制作彈出窗口的簡(jiǎn)單方法，所以呢，象這些問題還是留給大家自己去想吧！