基于Flash平臺的動畫控制組件的設計與開發

摘 要：組件是帶參數的影片剪輯，開發者通過自定義組件，可以實現代碼重用，并且設計人員只需會使用組件而不需要知道組件是如何開發的。文章基于Flash平臺，利用ActionScript3.0腳本語言，通過創建動畫控制組件詳細闡述了自定義組件的設計與開發過程，對課件制作者具有很好的現實指導意義。

關鍵詞：動畫控制組件；Flash平臺；ActionScript3.0腳本語言

中圖分類號：TP311.56文獻標識碼：B 文章編號：1673-8454（2011）02-0046-02

Flash課件制作已成為教師、多媒體設計師等從業者必須掌握的技能。在制作Flash課件時，經常需要采用動畫來描繪真實場景，從而提高教學效果。對于很多教師來說，Flash動畫很容易學會，但對動畫的控制需要編寫代碼，相對來說就非常困難；有些教師雖然懂得代碼編寫，但是每次控制動畫時都需要重新編寫代碼，不能實現代碼重用。如果將動畫的控制功能開發為一個組件，則可以實現代碼重用，并且操作者只需會使用組件而不需要知道組件是如何開發的。

在當前Flash軟件的“組件”面板中沒有動畫控制組件，本文正是基于上述想法將動畫的控制功能定義成單獨的組件形式，以供隨時使用。這樣，教師就不需要理解組件是怎么執行的，只需要知道組件怎么使用就可以了，并且教師不需要重復編寫同樣的代碼了。

一、關于組件

組件是帶有參數的影片剪輯，這些參數可以用來修改組件的外觀和行為。每個組件都有預定義的參數，并且它們可以被設置。Flash中包含的組件不是 FLA 文件，而是 SWC 文件。SWC 是用于組件的文件格式。庫項目中的電影剪輯可以被預編譯成SWC文件，這樣可以縮短影片測試和發布的執行時間。

組件使應用程序的設計過程和編碼過程分開。通過組件，可以實現代碼重用，既可以重復使用自己創建的代碼，也可以通過下載并安裝其他開發人員創建的組件來重復使用別人的代碼。通過使用組件，代碼編寫者可以創建設計人員在應用程序中能用到的功能。開發人員將常用功能封裝在組件中，設計人員只需在Flash中打開“組件檢查器”，更改設定參數就可以自定義組件的外觀和行為。使用組件避免了不必要的重復勞動，而且使程序結構更清晰，更為重要的是，設計人員使用組件，不必關心組件是如何工作的。

二、動畫控制組件的設計與開發

本文基于Flash平臺，利用ActionScript3.0腳本語言設計并開發了一個動畫控制組件。

1.動畫控制組件的界面設計

界面主要由視頻播放區域、播放/暫停按鈕、當前進度顯示、播放進度條、視頻總長度顯示、音量控制按鈕組成，如圖1所示。

2.動畫控制組件的功能設計

動畫控制組件主要用于控制Flash動畫，方便教師教學演示和控制，主要是播放、暫停、進度條拖動、聲音控制和顯示播放時間等。左邊的按鈕用來控制動畫的播放和暫停；中間時間軸上面的滑塊可以拖動以實現動畫播放進度的改變，鼠標放置在滑塊上會出現動畫播放的當前幀數和動畫總幀數的顯示信息；最右邊可以通過上下拖動控制滑塊改變音量的大小。

3.動畫控制組件的開發

（1）項目創建。Flash CS4使用項目開發機制，定義自己的項目并取相應的名稱以標示。

（2）創建FLA文檔。創建相應的FLA文檔，FLA文檔用于具體項目開發時界面元素的設計、定義，并有利于項目的保存與修改。

（3）新建影片剪輯。組件就是帶有參數的影片剪輯。新建影片剪輯并命名，影片剪輯中共有兩幀，第一幀里面放了一個占位符(占位符，就是用戶最終觀察成品時界面元素都只能在這個范圍內顯示)，第二幀里面放有組件開發所需要的資源，如界面按鈕、文本框、進度條等。

（4）綁定組件類到影片剪輯。在項目面板中創建組件類，為組件類命名SwfCtrl并將組件類綁定到步驟3中定義的影片剪輯。如圖4所示。

（5）編寫組件類SwfCtrl。在步驟4打開的.as文件中編寫SwfCtrl類的代碼，包括變量的聲明及初始化，各控制功能如播放、暫停、進度條拖動、聲音控制和顯示播放時間等代碼的編寫。

（6）代碼調試修改。項目開發中代碼一次性完成是不可能的，開發人員必須經過多次調試才能夠對代碼的結構、效果有一定的把握，開發過程中這一步工作就是不斷地調試、修改自己的代碼，以達到結構清晰、功能完善的目的。

（7）定義組件參數。鼠標右擊步驟3中定義的影片剪輯，選擇“組件定義”菜單，彈出組件定義面板。在組件定義面板中對組件參數進行定義和修改，通過點擊+、-按鈕可以添加、刪除參數，還可以對參數的名稱、變量名、默認值、類型等進行定義。

（8）保存并導出組件。在保存完FLA文檔和類文件之后，鼠標右擊步驟3中定義的影片剪輯，選擇“導出SWC文件”菜單，設置保存路徑確定即可。

4.組件的安裝和使用

組件的安裝比較簡單，只需將上述導出的SWC文件復制到Flash的組件目錄“C:\\Documents and Settings\\Administrator\\Local Settings\\Application Data\\Adobe\\Flash CS4\\zh_CN\\Configuration”，復制完成后，重新啟動Flash軟件，新創建的組件便會出現在Flash軟件的“組件”面板中。

組件的使用：從“組件”面板中將新創建的組件拖入舞臺，并在“組件檢查器”設置相關參數即可使用。

結束語

本文通過創建一個動畫控制組件詳細闡述了自定義組件的設計與開發過程，具有很好的現實應用意義。另外，系統在開發過程中還存在一些不足之處，如對動畫的控制目前只支持單層影片剪輯，對影片剪輯中嵌套影片剪輯的動畫無法控制；組件外觀樣式比較單一等，需要在下一步工作中做進一步的研究。

（編輯：魯利瑞）