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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

實(shí)例簡(jiǎn)介

本實(shí)例是一個(gè)精美的按鈕元件，如圖4-4-3所示是這個(gè)按鈕的運(yùn)行效果。

圖4-4-3 實(shí)例效果

我們?cè)谥谱鬟@個(gè)按鈕之前，你可以先運(yùn)行配套光盤上的實(shí)例（文件路徑：配套光盤\……），感受一下這個(gè)按鈕的效果吧！

制作步驟

1．新建按鈕元件

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

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

單擊【確定】按鈕，進(jìn)入到按鈕元件的編輯場(chǎng)景中，如圖4-4-5所示。

圖4-4-5 圓形按鈕的編輯時(shí)間軸