Flex Flash製作類似桌面歌詞的可配置廣告牌

相對flash來說flex的動畫功能還是比較弱的，flash的動畫基於幀、時間軸等概念，而flex的動畫則基於flex內部的特效，使用麻煩而且有時候還達不到想要的效果。筆者試過在flex中使用flash同樣的指令碼建立乙個跑馬燈動畫，居然能把程式卡死~

下面結合專案中的實際例子講一下flash和flex結合製作動畫的方法，在flash中製作一些動畫作為flex的元件，然後在flex中像普通元件一樣隨意使用。

首先描述下本功能，在程式中彈出乙個類似桌面歌詞的牌子，牌子裡滾動的顯示一些重要的業務資訊，點選某個資訊能在地圖中定位該資訊宿主的位置。

1.flash製作swc包

首先看一下它們之間的區別：

flex中的架構，（舉例uicomponent類的繼承關係）

uicomponent > flexsprite> sprite >displayobjectcontainer>interactiveobject >displayobject

flash中的架構(sprite類的繼承關係)

sprite >displayobjectcontainer>interactiveobject >displayobject

flex中的uimovieclip類繼承於uicomponent ,flash中的movieclip繼承於sprite,

flash中直接匯出swc，swc中的元件屬於movieclip,而在flex中不能在現實物件中直接新增沒有iuicomponent介面的類物件,所以不能使用.

我們通過adobe官方的外掛程式flex component kit 讓flash編譯器把movieclip轉換成uimovieclip。

在flash中製作好元件，然後右鍵點匯出swc檔案。

匯出成功之後再檢視該元件的屬性，可以看到這時該元件的基類已經變成了 mx.flash.uimovieclip

實際上，在我的例子裡只是做了乙個空的元件(作為顯示內容的容器)，然後匯出swc檔案，為的是能用flash的框架來實現flex裡不容易而flash輕而易舉就能實現的動畫，看稍後的**部分就會明白~

2.flex中使用匯出的swc檔案

在flex工程中引用剛才生成的wsc檔案，下面直接貼**~~

<?xml version="1.0" encoding="utf-8"?>

" width="400" height="30" backgroundalpha="0" horizontalscrollpolicy="off" creationcomplete="init()" xmlns:local="*">

//初始化把顯示內容加入廣告容器

private function init():void

}private function onmouseover(e:mouseevent):void

private function onmouseout(e:mouseevent):void

private function onenterframe(e:event):void}}

//地圖定位操作

private function ondbclick(e:mouseevent):void

]]>

ad3 就是剛才匯出來的swc裡的元件

-->

在這裡，我們可以在flex中通過程式控制動畫的方向、速度、文字的顏色、大小等等還可以用flex訪問資料庫更便捷的特點從webservice或httpservice等獲取要顯示的內容。下面貼兩張圖~~

結語：或許通過flash直接做成乙個可訪問外部資料和可配置的swf動畫，然後在flex中使用更簡單，不過筆者在使用過程中總感覺flash對外部資料的操作總是感覺有些麻煩~ 應該是不熟悉flash的原因~