1> Flex 與 Flash 中的類對應關系

Flex 中的 UI元素 大都繼承自 UIComponent類
?? ? UIComponent > FlexSprite> Sprite >DisplayObjectContainer>InteractiveObject >Displayobject

Flash 中的架構 (Sprite類的繼承關系)
?? ?MovieClip > Sprite > DisplayObjectContainer > InteractiveObject >Displayobject

??Flex 中無法直接使用Flash 中的MovieClip元件。只能通過工具 將Flash MovieClip 轉成 UIMovieClip, UIMovieClip 繼承自 MovieClip,?MovieClip?類用于實現其使用方式與普通 Flex 組件一樣的某個 Flash 組件的必要接口。因此，MovieClip?的子類可以用作 Flex 容器的子項或外觀，它可以響應事件、定義視圖狀態和轉換，還可以像所有 Flex 組件一樣使用效果。

2> 進行轉換所需要的工具。

??(A)下載 Flex Component Kit 的地址。 ? ?

??https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins

??注冊用戶，登陸，選擇最下面的?FLEX COMPONENT KIT FOR FLASH CS3 PROFESSIONAL?下載。

??(B)要運行這個，你還需要Extension Manager, 下載地址：??http://download.macromedia.com/pub/dw_exchange/extension_manager/win/em18_install.exe

??

3> 下面開始將幾種使用Flash MovieClip 的方式

?? <1>直接用 Load swf的方式??

<mx:Script>

????<![CDATA[

????private?function?playAnimation():void

????{

????????var?flashContent:MovieClip?=?loader.content?as?MovieClip;

????????flashContent.gotoAndPlay(1);

????}

????]]>

</mx:Script>

????

<mx:VBox?backgroundColor="#FFFFFF">?????

????<mx:SWFLoader?id="loader"?source="CarRace.swf"/>

</mx:VBox>

????

<mx:Button?label="Play?Movie"?click="playAnimation()"?/>

?? ?<2> 將swf 文件 Embed 進 Flex的方式（這種做法時，要將Flash的貞率調至 24）

<mx:Script>

????<![CDATA[???????????

????[Embed(source="CarRaceAsSymbol",symbol="mcCarRace")]

????[Bindable]

????private?var?flashSymbol:Class;

????????

????private?function?playAnimation():void

????{

????????var?flashContent:MovieClip?=

????????loader.content?as?MovieClip;

????????flashContent.gotoAndPlay(1);

????}

????]]>

</mx:Script>

<mx:VBox?backgroundColor="#FFFFFF">?????

????<mx:SWFLoader?id="loader"?source="flashSymbol"/>

</mx:VBox>

????

<mx:Button?label="Play?Movie"?click="playAnimation()"/>

?? <3> 最常用的一種，用我們剛才下載的工具，將要導出的Flash MovieClip 編譯為SWC,Flex 可以直接調用。

?? ? ?1.在 Flash Library 中選中我們需要的MovieClip, 選中Menu中的 Commands,選中Convert Symbol to Flex Component. 察看這個MovieClip的linkage屬性，你會發現 這個MovieClip父類已經從MovieClip 變成了UIMovieClip.

?? ? ?2.這時，在FlashLibrary 中，選中這個MovieClip,右鍵-〉選擇Export SWC File.(也可以直接從File Menu中選擇 Publish) 導出SWC.

?? ? ?(我覺得更合理的做法是，自定一個基類，讓這個要導出的MovieClip去繼承，這樣做法的好處是可以使得 這個MovieClip具有了一些自定義的行為，比如事件，如下代碼里的做法，Flex 可以監聽到 Flash MovieClip 內部的事件)

package?flashcomps

{

????import?mx.flash.UIMovieClip;

????import?flash.events.Event;

????import?flash.events.TextEvent;

????

????[Event(name="start",type="flash.events.Event")]

????[Event(name="finish",type="flash.events.TextEvent")]

????

????public?class?CarRaceClass?extends?UIMovieClip

????{

????????public?function?CarRaceClass()

????????{

????????????super();

????????}

????????

????????public?function?go():void

????????{

????????????gotoAndPlay(1);

????????????dispatchEvent(new?Event("start"));

????????}

????}

}

通過使這個 MovieClip 繼承這個類，使得該類可以監聽到Start 和 Finish的兩個事件。

?? ?〈3〉Flex Project Menu-> Properties->Flex Build Path->Library Path 加入SWC存放的路徑，（也可以直接將SWC 放到lib 文件夾里去，但這樣不好，應該讓引用的SWC在Flash的工作目錄下，這樣保證Flash 編譯的時候，SWC也相應的編譯）

這樣：Flex 中可以 直接使用該組件了。比如：??

????<FlashComps:FlashCarRace?id="race"?x="100"?y="100"/>

總結

以上是生活随笔為你收集整理的MovieClip的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。