1> Flex 與 Flash 中的類對(duì)應(yīng)關(guān)系

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

Flash 中的架構(gòu) (Sprite類的繼承關(guān)系)
?? ?MovieClip > Sprite > DisplayObjectContainer > InteractiveObject >Displayobject

??Flex 中無(wú)法直接使用Flash 中的MovieClip元件。只能通過(guò)工具 將Flash MovieClip 轉(zhuǎn)成 UIMovieClip, UIMovieClip 繼承自 MovieClip,?MovieClip?類用于實(shí)現(xiàn)其使用方式與普通 Flex 組件一樣的某個(gè) Flash 組件的必要接口。因此，MovieClip?的子類可以用作 Flex 容器的子項(xiàng)或外觀，它可以響應(yīng)事件、定義視圖狀態(tài)和轉(zhuǎn)換，還可以像所有 Flex 組件一樣使用效果。

2> 進(jìn)行轉(zhuǎn)換所需要的工具。

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

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

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

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

??

3> 下面開(kāi)始將幾種使用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 進(jìn) Flex的方式（這種做法時(shí)，要將Flash的貞率調(diào)至 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> 最常用的一種，用我們剛才下載的工具，將要導(dǎo)出的Flash MovieClip 編譯為SWC,Flex 可以直接調(diào)用。

?? ? ?1.在 Flash Library 中選中我們需要的MovieClip, 選中Menu中的 Commands,選中Convert Symbol to Flex Component. 察看這個(gè)MovieClip的linkage屬性，你會(huì)發(fā)現(xiàn) 這個(gè)MovieClip父類已經(jīng)從MovieClip 變成了UIMovieClip.

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

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

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"));

????????}

????}

}

通過(guò)使這個(gè) MovieClip 繼承這個(gè)類，使得該類可以監(jiān)聽(tīng)到Start 和 Finish的兩個(gè)事件。

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

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

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

總結(jié)

以上是生活随笔為你收集整理的MovieClip的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。