海南軟件職業(yè)技術(shù)學(xué)院 吳楊玲

動(dòng)態(tài)輪播廣告在ActionScript中的實(shí)現(xiàn)

海南軟件職業(yè)技術(shù)學(xué)院 吳楊玲

ActionScript是Flash的腳本語言，它可以為按鈕、影片剪輯、圖像、視頻、等對(duì)象創(chuàng)建用戶交互，為了實(shí)現(xiàn)相應(yīng)交互，要使用一種方法來訪問控制這些對(duì)象。現(xiàn)利用Flash的腳本語言制作動(dòng)態(tài)輪播廣告效果。

ActionScript；腳本語言；輪播廣告制作

1. AtionScript腳本

ActionScript是Flash的腳本語言，也稱為動(dòng)作腳本，簡稱腳本或簡寫AS。ActionScript腳本擁有屬于自己的語法、變量和函數(shù)，有自己的語法規(guī)則和書寫格式。它可以為按鈕、影片剪輯、圖像、視頻、等對(duì)象創(chuàng)建用戶交互，為了實(shí)現(xiàn)相應(yīng)交互，要使用一種方法來訪問控制這些對(duì)象，在Flash中，只有圖形、按鈕和“影片剪輯”能夠被ActionScript所控制和訪問。

一般，常用的ActionScript有2.0與3.0兩個(gè)版本。Flash CS3開始出現(xiàn)了ActionScript3.0，F(xiàn)lash CS3之前的版本只能支持ActionScript2.0，兩個(gè)版本的使用方法有很大的差異，ActionScript2.0更易于接受，適合初學(xué)者?，F(xiàn)以ActionScript2.0進(jìn)行分析制作輪播廣告效果。

2. ActionScript2.0腳本的添加

2.1 打開動(dòng)作面板

要為動(dòng)畫添加相關(guān)代碼，實(shí)現(xiàn)動(dòng)畫的交互，首先要熟悉Flash的動(dòng)作面板。代碼的添加、編輯、調(diào)試、修改都在動(dòng)作面板中完成。動(dòng)作面板的打開有以下幾種方式：

2.1.1 選擇“窗口—“動(dòng)作”命令，可以打開或關(guān)閉面板。

2.1.2 按快捷鍵F9。

2.1.3 右擊要添加代碼的對(duì)象，在快捷菜單中選擇“動(dòng)作”命令。

2.2 為對(duì)象添加代碼

在Flash CS6.0中的ActionScript2.0腳本可以添加代碼的對(duì)象有3類：分別是關(guān)鍵幀、按鈕、影片剪輯。在添加代碼時(shí)必須明確添加代碼的對(duì)象。

2.2.1 為關(guān)鍵幀添加代碼

右擊某關(guān)鍵幀，在彈出的快捷菜單中選擇“動(dòng)作”命令，在打開的動(dòng)作面板中添加代碼。添加在關(guān)鍵幀上的代碼，只有一個(gè)觸發(fā)事件，就是當(dāng)影片播放到該關(guān)鍵幀時(shí)，執(zhí)行代碼。而關(guān)鍵幀中的代碼可以不用任何事件。

2.2.2 為按鈕對(duì)象添加按鈕

右擊某個(gè)按鈕對(duì)象，在彈出的快捷菜單中選擇“動(dòng)作”命令，在打開的動(dòng)作面板中添加代碼。添加在按鈕上的代碼，有多個(gè)觸發(fā)事件，常用事件的寫法與含義如下：

事件：Press，其含義：鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)；

事件：Release，其含義：鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕；

事件：ReleaseOutside，其含義： 鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后，將鼠標(biāo)指針移到按鈕之外，此時(shí)釋放鼠標(biāo)；

事件：RollOver，其含義：鼠標(biāo)指針滑過按鈕；

事件：RollOut，其含義：鼠標(biāo)指針移出按鈕區(qū)域；

事件：DragOver，其含義：在按鈕上按下鼠標(biāo)后移動(dòng)到按鈕范圍外，在移入到按鈕范圍內(nèi)；

事件：DragOut，其含義： 在按鈕上按下鼠標(biāo)后移動(dòng)到按鈕范圍外。

添加到按鈕上的代碼必須寫在按鈕的某一事件過程中。如：

On（事件）{

腳本內(nèi)容}

以該形式寫到按鈕的某一事件過程中。小括號(hào)內(nèi)容是觸發(fā)的事件，大括號(hào)是驅(qū)動(dòng)的代碼。

（3）為影片剪輯對(duì)象添加代碼

右擊某一影片剪輯對(duì)象，在彈出的快捷菜單中選擇 “動(dòng)作”命令，在打開的動(dòng)作面板中添加代碼。添加影片剪輯對(duì)象上的代碼與按鈕上的代碼書寫一致。

3. 制作輪播廣告效果

制作輪播廣告切換效果方法有很多，如在網(wǎng)頁中制作、在flash中制作，現(xiàn)我們以flash為平臺(tái)，添加按鈕事件，完成輪播廣告的制作，相關(guān)步驟如下：

3.1 新建f l ash文件，舞臺(tái)大?。?20*642（舞臺(tái)大小根據(jù)具體的廣告來定）；

3.2 文件/導(dǎo)入/導(dǎo)入到庫（將做好的圖片廣告全導(dǎo)入到庫中）

3.3 將“圖層1”改名為“三則廣告”，分別在第1幀、第40幀、第80幀插入關(guān)鍵幀并插入三張圖片（關(guān)鍵幀可以自定，如第1幀、第60幀、第120幀）在第120幀處插入普通幀即可。

3.4 單擊“插入”/“新建元件”（ctrl+8）—選擇“圖形元件”—命名為“圓”—繪制一個(gè)小圓，填充黑色。

3.5 返回場景中，單擊“插入”/“新建元件”（ctrl+8）—選擇“按鈕元件”制作按鈕，—命名為“AN1”；雙擊庫中的“AN1”元件，從庫中將元件“圓”拖至AN1中，輸入數(shù)字“1”調(diào)整好位置。

3.6 返回場景中，單擊“插入”/“新建元件”（ctrl+8）—選擇“按鈕元件”制作按鈕，—命名為“AN2”；雙擊庫中的“AN2”元件，從庫中將元件“圓”拖至AN1中，輸入數(shù)字“2”調(diào)整好位置。

3.7 返回場景中，單擊“插入”/“新建元件”（ctrl+8）—選擇“按鈕元件”制作按鈕，—命名為“AN3”；雙擊庫中的“AN3”元件，從庫中將元件“圓”拖至AN1中，輸入數(shù)字“3”調(diào)整好位置。

3.8 返回場景中，新建圖層2，改名為“按鈕層”，將三個(gè)按鈕由庫中拖入舞臺(tái)上并調(diào)整好位置。

3.9 選擇“AN1”,右擊鼠標(biāo)選擇“動(dòng)作”，輸入相關(guān)代碼：（英文狀態(tài)）

on (Press) {

gotoAndPlay(1);

}

/* 按鈕事件Press被觸發(fā)時(shí)，即鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)，執(zhí)行跳轉(zhuǎn)并播放第1幀廣告。*/

3.10 選擇“AN2”,右擊鼠標(biāo)選擇“動(dòng)作”，輸入相關(guān)代碼：

on (release) {

gotoAndPlay(40);

}

/* 按鈕事件release被觸發(fā)時(shí)，即鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕時(shí)，執(zhí)行跳轉(zhuǎn)并播放第40幀廣告。*/

3.11 選擇“AN3”,右擊鼠標(biāo)選擇“動(dòng)作”，輸入相關(guān)代碼：

on (RollOver) {

gotoAndPlay(80);

}

/* 按鈕事件RollOver被觸發(fā)時(shí)，即鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕時(shí)，執(zhí)行跳轉(zhuǎn)并播放第80幀廣告。*/

4. 小結(jié)

以flash為平臺(tái)，為按鈕對(duì)象添加代碼，實(shí)現(xiàn)輪播廣告效果并不復(fù)雜。只要明白按鈕事件的含義，就能較為靈活地制作出該效果。

[1]孫征宇. ActionScript 動(dòng)作腳本語言在網(wǎng)絡(luò)教學(xué)中的設(shè)計(jì)與實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù),2005(6).

[2]楊超.Flash 課程中ActionScript 腳本語言教學(xué)方法初探[J].河南農(nóng)業(yè)教學(xué)研究,2010.

[3]李捷,等. Flash ActionScript 2.0 編程基礎(chǔ)與實(shí)例教程[M].北京:電子工業(yè)出版社,2007,4: 96.