如何在flex當中使用swc

在講如何在flex當中匯入swc之前，先講講什麼swc吧。swc是flashIDE當中匯出庫的一種檔案格式，其構成為swf+xml。假如，你不太熟悉怎麼製作flash的話，那麼你可以先去熟悉一下flashIDE製作swf的資料。而，我現在只說說如何成功在flash當中匯出swc。

      在flash當中如果要匯出swc之前，需要給你flash庫當中的元件製作一個匯出連結。方法是，選中你要匯出的元件，右鍵，選擇屬性。然後勾選，為ActionScript匯出和在第1幀中匯出選項。類名為flex中要產生的類名，推薦預設為元件的名稱，注意大寫第一個字母。

      製作好匯出連結之後，接下來的就是如何來匯出swc檔案了。匯出swc檔案的方式有兩種。一種是在需要匯出的元件上直接選中點擊右鍵匯出swc庫檔案。注意，這個匯出為庫匯出，而非元件匯出。所以你可以製作多個元件連結，然後選中某一個元件匯出，其他的元件也就跟著匯出了。而，只要你製作的有元件串連的話，那麼他都可以在flex當中產生。

      第二種方式是，shift+ctrl+f12，在彈出的選線面板當中選擇flash選項卡，勾選匯出swc檔案選項。其匯出swc的內部機制和上面一種是同樣的。

  

     現在來講講如何在flex當中使用swc檔案吧。在flex裡面建立ActionScript工程，然後選擇新工程在導覽列裡面選擇項目，選擇ActionScript構建路徑，選擇庫路徑，選擇添加swc，匯入你上面產生的swc的庫路徑，確定。ok！添加成功。

      下面來講講如何在ActionScript工程裡面產生剛才匯入的swc庫中的元件吧。很簡單，你直接new一個上面flash當中我說到的元件類名，然後添加到顯示列表。f11運行一下，ok~~是不是很簡單呢？好吧，讓我們邁開踏向RIA中flex遊戲製作的第一步吧~！

 

大家都知道，Flash中提供的組件大大方便了開發人員的使用，提高了開發效率，並且Flash是允許自訂（自己開發）組件的，也就是說，你可以把自己比較好的應用或模組抽出來，製作成SWC組件提供給其他開發人員使用，這樣通過組件的共用，真的可以方便很多開發人員哦（特別是很多對Flash Action Script編程不太感冒的人群，比如設計師，動畫製作師），在一個團隊中，組件的開發模式也是很大程度上方便大家的協同工作的好辦法。

在Flash CS3中，已經可以很方便的建立SWC組件了，可以看這篇文章：

http://www.richbox.net/blog/?p=255

下面我們以建立一個圓形組件為例，看看在Flash CS4中，如何更方便的建立一個SWC組件：

1.首先開啟Flash CS4，切換到“Developer”視圖，找到項目面板，建立一個項目

2.建立一個FLA文檔，命名為“CircularDemo.fla”

3.使用繪圖工具繪製一個圓形，並將圖形轉變為電影剪輯，命名為Circular

4.回到項目面板，建立一個Action Script類Circular，注意要綁定到步驟3所建立的電影剪輯，可以這樣設定：

5.將下面的代碼粘貼到建立的類中，替換原有代碼

[actionscript]

package {
import flash.display.*;
import flash.geom.ColorTransform;
public class Circular extends MovieClip {
protected var bgColor:uint;
private var s:ColorTransform = new ColorTransform();
public function Circular() {
super();
trace(“Circular is created”);
}
[Inspectable(type="Color",defaultValue="#000000")]
public function get BackGroundColor():uint {
return bgColor;
}
public function set BackGroundColor(value:uint):void {
bgColor=value;
s.color = bgColor;
transform.colorTransform = s;
}
}
}

[/actionscript]

6. 在Library面板中找到Circular這個電影剪輯，點右鍵選擇“Component Definition”，在CLASS一欄中輸入Circular，並把Option相應的選項打上對勾，：

7. 點OK，準備工作已經完成了，然後再回到Library面板，找到Circular，點右鍵選擇“Export SWC File”，即可匯出SWC檔案了，先按預設路徑儲存，應該是在儲存在自訂群組件的檔案夾下，稍後在Component面板中將會出現這個組件

8.關閉當前檔案，重新啟動Flash CS4，建立一個FLA文檔，在組件面板中選擇Standard Components目錄展開，就會看到剛才我們建立的SWC組件

9.拖動這個組件到情境中，在組件的屬性面板中改變背景色，看一下情境上的組件，顏色是否變化了？

10.至此一個簡單的SWC組件建立執行個體就完成了，你可以根據這一原理，開發更豐富，更有可用性的組件