如何使用 AS3 + SWC 在 FlashDevelop 裡進行開發

Flash Develop 是使用 .NET 2.0 架構與 C# 語言所實作出來針對開發 Flash 平台的程式編輯器
除了提供了不錯的編輯環境外，它還針對 Flash 的開發提出了不錯的 workflow

這次要來談一談如何使用 AS3 + Flash IDE 發布的 SWC 元件在 Flash Develop 裡進行開發
(本篇只討論開發流程，不介紹安裝與設定方面的細節，若需詳細資訊可參考 flashdevelop.org 官方文件)

0. 專案建立
　在 FlashDevelop 裡建立專案(官方建議是 AS3 Project with preloader，但如果是較簡單專案可選 AS3 Project 就好)

1. 元件製作
　(1) 視覺部分在 Flash IDE 裡繪製 (原始檔存在專案的 src 資料夾內)，也可以做時間軸動畫，但唯一要注意的是元件與其子元件的在元件庫裡的命名最好是相關而有意義的，否則很容易重覆或搞混
　(2) 做好後在元件庫選該元件的右鍵"屬性"或"連結"，勾選"匯出給 ActionScript 使用"，並設定類別 (建議就是元件名稱，但建議加 package 以免混淆) 與基底類別 (預設 flash.display.MovieClip，但若元件本身沒有時間軸動畫建議改為 Sprite)
　(3) 發布選項記得勾選 "匯出SWC"，發布路徑選擇專案的 lib 資料夾內

2. 程式撰寫
　(1) 在 Flash Develop 裡為元件建立程式邏輯，官方提出了"繼承"與"組合"兩種方式，但建議是使用"組合"的方式，Demo Code 如下：
// composition (safe choice)
package {
　import flash.display.Sprite;

　public class MySymbol extends Sprite{
　　private var design:MySymbol_design;

　　public function MySymbol(){
　　　trace("I'm a MySymbol instance called", name);
　　　design = new MySymbol_design();
　　　addChild(design);
　　　// custom properties of design
　　　design.text = "some text";
　　　design.showText(); //可呼叫時間軸上的 function...但我個人不建議在 Flash IDE 寫任何 code
　　　design.txtLabel.x += 100;
　　}
　}
}
　(2) 在專案的 Main Class 裡，new 出 MySymbol 並使用 addChild 加進來

這樣就可以建立有自己程式邏輯的視覺元件在 FlashDevelop 專案內使用
唯一要注意的是元件的命名千萬別搞混
若還有不清楚的地方請詳閱 flashdevelop.org 官方文件：AS3:FlexAndFlashCS3Workflow