按鈕元件是Flash的基本元件之一，它具有多種狀態(tài)，并且會響應(yīng)鼠標(biāo)事件，執(zhí)行指定的動作，是實現(xiàn)動畫交互效果的要害對象。

從外觀上，“按鈕”可以是任何形式，比如，可能是一幅位圖，也可以是矢量圖；可以是矩形，也可以是多邊形；可以是一根線條，也可以是一個線框；甚至還可以是看不見的“透明按鈕”。

按鈕有非凡的編輯環(huán)境，通過在四個不同狀態(tài)的幀時間軸上創(chuàng)建要害幀，可以指定不同的按鈕狀態(tài)，如圖4-4-1所示。

圖4-4-1 按鈕的四幀編輯環(huán)境

【彈起】幀：表示鼠標(biāo)指針不在按鈕上時的狀態(tài)。

【指針經(jīng)過】幀：表示鼠標(biāo)指針在按鈕上時的狀態(tài)。

【按下】幀：表示鼠標(biāo)單擊按鈕時的狀態(tài)。

【點擊】幀：定義對鼠標(biāo)做出反應(yīng)的區(qū)域，這個反應(yīng)區(qū)域在影片播放時是看不到的。

【點擊】幀比較非凡，這個要害幀中的圖形將決定按鈕有效范圍。它不應(yīng)該與前3個幀的內(nèi)容一樣，但這個圖形應(yīng)該大到足夠包容前3個幀的內(nèi)容。

注重：有的朋友總是抱怨：怎么我的按鈕“一閃閃的”，很難單擊它！這一般發(fā)生在文字類按鈕，假如你沒在“按鈕有效區(qū)”要害幀設(shè)置一個適當(dāng)圖形，那么，這個按鈕的有效區(qū)僅是第一幀的對象，文字的線條較細且分散，難怪很難找到“有效區(qū)”了！

“有效區(qū)”圖形還可以布滿整個屏幕，退出按鈕編輯后，“有效區(qū)”圖形是不可見的。

根據(jù)實際需要，你還可以把按鈕做成如圖4-4-2所示的結(jié)構(gòu)。

圖4-4-2 按鈕的幀內(nèi)容可以隨意擴充

從圖4-4-2中可以看到，按鈕的3個“狀態(tài)要害幀”中，可以放置除按鈕本身以外的任何Flash對象，其中：【狀態(tài)音效】圖層設(shè)置了2種音效；【按鈕動畫】圖層使鼠標(biāo)不同操作出現(xiàn)不同動畫效果，而【按鈕底圖】中可放置不同的圖片。

你可以想象一下：利用這個特點，我們可以把按鈕做成何等有聲有色、變化無限的效果！

在Flash 5及之前的版本中，按鈕的“狀態(tài)要害幀”還接受ActionScript指令，從Flash MX開始已經(jīng)廢棄了這一功能，事實上，在按鈕實例中加入“事件指令”更方便、更靈活！

按鈕的“事件指令”以及在這些“事件”中進行的動畫編程，使按鈕的創(chuàng)作空間變得無比寬廣！有關(guān)按鈕事件及其應(yīng)用請你參閱第六章的相關(guān)內(nèi)容。

另外，“按鈕”還可以設(shè)置“實例名”，從而使按鈕成為能被ActionScript控制的對象。

你一定為那些出色的動畫游戲以及豐富多彩的網(wǎng)絡(luò)交互動畫所贊嘆，按鈕在其中起著舉足輕重的作用，其實，通過自己不斷的磨練，你完全能夠做出讓別人贊嘆的作品！

下面我們還是從最基礎(chǔ)的開始吧！一起制作一個精美的按鈕。

實例簡介

本實例是一個精美的按鈕元件，如圖4-4-3所示是這個按鈕的運行效果。

圖4-4-3 實例效果

我們在制作這個按鈕之前，你可以先運行配套光盤上的實例（文件路徑：配套光盤\……），感受一下這個按鈕的效果吧！

制作步驟

1．新建按鈕元件

新建一個影片文檔，執(zhí)行【插入】|【新建元件】命令，彈出一個【新建元件】對話框，在【名稱】中輸入“圓形按鈕”，選擇【行為】為【按鈕】類型，如圖4-4-4所示。

圖4-4-4 新建按鈕元件

單擊【確定】按鈕，進入到按鈕元件的編輯場景中，如圖4-4-5所示。

圖4-4-5 圓形按鈕的編輯時間軸