一部Flash作品需要使用那些必要的按鈕？

　　由于按鈕的應(yīng)用十分廣泛，所以在Flash作品中可以用按鈕制作非常有趣的效果。對(duì)于控制一部完整得FLASH的動(dòng)畫作品而言，一般需要兩個(gè)按鈕：播放（PLAY）和返回（REPLAY）。以用于影片的播放和重放。

　　可以使用圖形來作為按鈕嗎？

　　因?yàn)榘粹o中的幀在操作上與其他元件的幀沒有什么大的區(qū)別，所以我們可以利用圖形來作為按鈕，還可以采用其他的形式來制作按鈕。在下面的問題中我們將向大家詳細(xì)地介紹。

　　如何用按鈕來控制影片？

　　剛才我們說到了一部完整的作品需要兩個(gè)按鈕,一個(gè)播放按鈕一個(gè)返回按鈕.那么這兩個(gè)按鈕是怎樣實(shí)現(xiàn)對(duì)影片的控制的呢?這就涉及到了Flash 的 ActionScript。按鈕與Flash腳本語(yǔ)言（ActionScript）的聯(lián)系是非常緊密的。下面我們就制作一個(gè)影片控制按鈕。我們新建一個(gè) Flash MX 2004文檔，在舞臺(tái)的時(shí)間軸上制作出一段簡(jiǎn)單的動(dòng)畫效果。如圖2.1.40所示。
 

　　圖2.1.40 制作一段漸變動(dòng)畫

　　要禁止動(dòng)畫一開始就自動(dòng)播放，這樣播放按鈕才會(huì)起到作用 。單擊時(shí)間軸上的第1幀，打開舞臺(tái)下面的“動(dòng)作”面板，雙擊“影片控制”下的“stop”命令，是動(dòng)畫在第一幀就停止。在最后一幀同樣加入“stop”。如圖2.1.41 所示。
 

　　圖2.1.41 添加“stopa();”

　　然后新建立一個(gè)按鈕元件，按照我們剛才做的方法制作出兩個(gè)按鈕，分別是“play”和“relplay”。在時(shí)間軸中新建一圖層，把“play”按鈕從控制拖動(dòng)到第1幀的合適位置，“replay”拖動(dòng)到第30幀的合適位置。分別單擊兩個(gè)按鈕，打開動(dòng)作面板，在“play”和“replay”按鈕上面加如控制命令：

　　“play”按鈕上面的命令：

　　on(release){

　　play();

　　}

　　如圖所示。
 

　　圖2.1.42 “play”按鈕的ActionScript

　　“replay”按鈕上面的命令，
　　on (release) {
　　gotoAndPlay(1);
　　}
　　如圖2.1.43所示。
 

　　圖2.1.43 “replay”按鈕的ActionScript

　　請(qǐng)參考源文件點(diǎn)擊 這里下載源文件

　　這是我們第一次接觸 Flash MX 2004的ActionScript，本書第三部分中會(huì)作詳細(xì)地介紹。之所以在此節(jié)中介紹ActionScript，一是按鈕與ActionScript的聯(lián)系非常密切 ；二是給大家一個(gè)初步的印象。

　　問題2：何制作隱形按鈕？隱形按鈕的作用是什么？

　　解決思路

　　隱形按鈕是按鈕功能的引申，一些超乎想象的效果就是通過隱形按鈕來完成的。我們從上一個(gè)問題中知道了，按鈕的第4幀“點(diǎn)擊”幀里面的內(nèi)容在舞臺(tái)中是看不到的，我們就用這個(gè)特點(diǎn)來制作簡(jiǎn)單的隱形按鈕。

　　具體步驟

　　1、運(yùn)行Flash MX 2004 ，文檔屬性默認(rèn)。
　　2、新建一個(gè)元件，名稱為“button”，類型為按鈕。
　　3、進(jìn)入按鈕元件編輯區(qū)，在第4幀里面我們利用矩形工具繪制一個(gè)矩形，顏色隨意。
　　4、返回場(chǎng)景1，【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，導(dǎo)入一幅圖片，調(diào)整其在舞臺(tái)的位置。
　　5、在時(shí)間軸上新建一個(gè)圖層，命名為按鈕層，把剛剛制作的按鈕從“庫(kù)”中拖動(dòng)到舞臺(tái)中的合適位置。如圖2.1.44所示。
 

　　圖2.1.44 設(shè)置隱形按鈕

　　6、這個(gè)按鈕在舞臺(tái)中顯現(xiàn)的是透明的綠顏色。因?yàn)榘粹o在第4幀“點(diǎn)擊”幀里面的內(nèi)容是看不到的，F(xiàn)lash 考慮到需要編輯的方便，統(tǒng)一設(shè)置了相同的綠顏色，而無(wú)論原來的“點(diǎn)擊”幀里面的顏色是什么。
　　7、發(fā)布測(cè)試，可以看到當(dāng)鼠標(biāo)移動(dòng)到隱形按鈕區(qū)域就會(huì)變成小手狀，我們的隱形按鈕制作成功，保存。

　　請(qǐng)參考源文件點(diǎn)擊 這里下載源文件

　　8、利用按鈕與Flash的ActionScript我們可以制作出非常優(yōu)秀的效果，這方面的內(nèi)容我們將在第三部分ActionScript中向大家詳細(xì)介紹。
　　注 意 ——在制作隱形按鈕的時(shí)候，不要在按鈕編輯區(qū)的第1幀做按鈕，因?yàn)榈谝粠趫?chǎng)景中是可見的，達(dá)不到我們制作的效果。我們直接在第4幀中插 入一個(gè)空白關(guān)鍵幀，然后在編輯區(qū)中繪制反映區(qū)的大小就可以
　　提 示 ——按鈕編輯區(qū)中的第4幀“點(diǎn)擊”幀在場(chǎng)景中是不可見的，編輯的時(shí)候，在主場(chǎng)景中顯示的是綠色半透明狀態(tài)。
　　技 巧 ——在舞臺(tái)中的隱形按鈕與其他按鈕沒有什么區(qū)別，我們都可以利用工具進(jìn)行編輯。
　　試一試 ——在上一個(gè)問題解釋中我們向大家介紹了另外一種制作隱形按鈕的方法，朋友們不妨利用第二種制作方法試一試，看看有沒有區(qū)別？
　　 分 析——按鈕的作用是觸發(fā)行為，隱形按鈕可以達(dá)到欣賞者在非刻意的情況下觸發(fā)事件，達(dá)到互動(dòng)效果。
　　特別提示
　　在本例的源文件中，沒有設(shè)置按鈕的觸發(fā)事件，因?yàn)橛|發(fā)事件是要用Flash的ActionScript控制的，我們會(huì)在第三部分中向大家詳細(xì)介紹。

　　特別說明

　　按鈕的重要作用我們已經(jīng)在上一個(gè)問題中向大家強(qiáng)調(diào)了，隱形按鈕的是按鈕中的重中之重。掌握了此項(xiàng)技術(shù)，我們就可以利用隱形按鈕的特點(diǎn)，發(fā)揮其獨(dú)到的作用，制作出許多交互性動(dòng)作。
　　相關(guān)問題
　　◎如何使用公用庫(kù)中的按鈕？
　　在Flash MX 2004中的公用庫(kù)中向我們提供了許多制作精美的按鈕范例，我們可以直接使用。單擊【窗口】|【其他面板】|【公用庫(kù)】|【按鈕】命令，打開【庫(kù)——按鈕】面板。如圖2.1.45所示。
 

　　圖2.1.45 打開“庫(kù)——按鈕”面板

最新評(píng)論