Flash交互動畫制作技巧:按鈕控制動畫

作者:網絡 來源:佚名 更新時間:2009-12-02 19:58:08 點擊:
 按鈕是flash動畫里的基本元件之一,是幫助我們讓動畫按照自己的意愿呈現出來的重要元件之一。它的表現形式多樣,可以是元件、影片剪輯、文字等等,通過對它的設置可以實現場景的播放、停止、快進、快退、暫停、跟隨...... 按鈕還可分單控按鈕(即只有一個作用或播放或停止)和雙控按鈕(即可播放可停止)。一般看到大家常用的是單控按鈕,并且看到很多朋友將單控的play按鈕幀一直延續到動畫結束,這是很沒有必要的,因為一般單控按鈕在點擊完成后就沒有作用了,也沒必要再顯示存在了,所以它只需一幀就可以了。如果是雙控按鈕,它就需要伴隨動畫直到結束,因為它在此期間隨時都要執行對它設置的命令。下面就做個范例,供大家參考。



一、單控按鈕:(as3.0)
1.插入---新建元件,類型:按鈕,在編輯區內的第一幀上打上文字(play)或畫一無筆觸,填充色任意的圓都可以,或拖入一喜歡的影片剪輯也行,在第二幀和第三幀添加關鍵幀,第四幀添加普通幀。分別選中第二幀和第三幀將其改變不同的顏色。(已做好的動畫影片剪輯除外)

 

2.回場景,在圖層1上拖入一影片剪輯,在屬性面板上輸入“dh_mc ”,

3.添加圖層2,名為按鈕層,在第一幀將按鈕元件拖入,屬性面板內輸入實例名“bf_btn”,實例名的字母一定是在英文狀態下輸入,否則無效。

 

4.添加一新圖層as層,選中第一幀,打開動作面板,輸入語句:

dh_mc.stop();
function bf(event:mouseevent):void {
        dh_mc.play();
}
bf_btn.addeventlistener(mouseevent.click,bf);



從上個實例中看出play按鈕在點擊完成后,已無任何意義存在了,影片剪輯會一直播放下去直到結束。所以我們只要將play按鈕安置在第一幀上即可,后加空白關鍵幀。(如有下載進度條的情況下,應將按鈕放在第二幀上即可)   下面我還以上個實例為例,再加個停止按鈕,讓影片剪輯停下來。

1.停止按鈕的創建同前所述。

2.回上個實例的場景,在按鈕層第一幀,也將停止按鈕拖入,在屬性面板上輸入實例名“tz_btn”。

3.在as層第一幀,打開動作面板接著輸入語句:
function tz(evt:mouseevent):void {
dh_mc.stop();
}
tz_btn.addeventlistener(mouseevent.click,tz); 



上一頁的例子是用兩個單控按鈕控制一個動畫,現在我要將兩個按鈕的作用合二為一,也就是說用一個兩種作用的按鈕控制動畫,即“雙控按鈕”。

二、雙控按鈕:(as3.0)
1.新建影片剪輯,名為“雙控”。用橢圓工具畫一圓,可設筆觸,顏色任意,并添加圖層2,在其第一幀上,點文字工具,在屬性面板里選“動態文本”,字型、自號、顏色自定,輸入文字“停止”,ab不被選中,居中對齊,實例名sk_txt,其他默認,回場景。

2.拖入動畫影片剪輯。在屬性面板里輸入實例名“dh_mc”。

3.新建圖層2,拖入“雙控”影片剪輯,在屬性面板里輸入實例名“sk_mc”。

4.新建圖層為as層,在第一幀上打開動作面板,輸入語句:

var a:boolean=false;
function kz(evt:mouseevent):void {
if (!a) {
dh_mc.stop();
sk_mc.sk_txt.text="播放";
} else {dh_mc.play();
sk_mc.sk_txt.text="停止";
}
a=!a;
}
sk_mc.addeventlistener(mouseevent.click,kz);



以上的按鈕淺談僅供大家參考,還望互相交流。
大乐透走势图2