flash cs4 和 flex builder 聯合開發

flash cs4 優點：UI 設計功能強大；所産生的Flash檔案小。

flash cs4 缺點：智能感覺功能太弱。

flex builder 優點：智能感覺功能強大。

flex builder 缺點：UI設計功能弱小；所産生的Flash檔案大。

是以，很多情況下需要使用flash cs4與flex builder聯合開發。俺對flex builder熟悉，對flash cs4不熟悉，經過幾小時摸索，結合網上的文章，總結出下面的開發模式：

第一步. 在flex builder中建立一個ActionScript Project。使用多層命名空間。下面是我建立的Demo項目：

<a href="http://images.cnblogs.com/cnblogs_com/xiaotie/WindowsLiveWriter/flashcs4flexbuilder_DEC4/image_2.png"></a>

第二步. 在flash cs4中建立項目到同一個目錄:

<a href="http://images.cnblogs.com/cnblogs_com/xiaotie/WindowsLiveWriter/flashcs4flexbuilder_DEC4/image_4.png"></a>

然後，在src目錄下添加Demo.fla。把這個fla綁定到類 Orc.Demo.Main。

<a href="http://images.cnblogs.com/cnblogs_com/xiaotie/WindowsLiveWriter/flashcs4flexbuilder_DEC4/image_6.png"></a>

第三步，flash ui 和 as 之間互動

在flash這邊，拖個Label元件過來，對這個元件指定Id為lbText，如下圖：

<a href="http://images.cnblogs.com/cnblogs_com/xiaotie/WindowsLiveWriter/flashcs4flexbuilder_DEC4/image_8.png"></a>

Label元件是在fl命名空間下，是以，為了能夠智能感覺，Action Script 項目那邊必須引用fl.*。引用方法：在Source Path中加入fl.*的源代碼目錄“……/Adobe/Adobe Flash CS4/Common/Configuration/Component Source/ActionScript 3.0/User Interface”，見下圖：

<a href="http://images.cnblogs.com/cnblogs_com/xiaotie/WindowsLiveWriter/flashcs4flexbuilder_DEC4/image_12.png"></a>

為了在as檔案中使用ui元件的強類型引用，我加入了 getter：

然後，添加事件，動态改變Label的值：

傳回Flash CS4，運作fla：

<a href="http://images.cnblogs.com/cnblogs_com/xiaotie/WindowsLiveWriter/flashcs4flexbuilder_DEC4/image_14.png"></a>

這樣就可以了。既保證了強類型+智能感覺，又保證了flash cs設計界面的優勢。

缺陷：fla檔案要放在src目錄下，有點不爽。我嘗試放到其它目錄，結果告訴類路徑有問題，可能是哪裡沒配置好。

本文轉自xiaotie部落格園部落格，原文連結http://www.cnblogs.com/xiaotie/archive/2010/02/23/1671998.html如需轉載請自行聯系原作者

xiaotie 集異璧實驗室(GEBLAB)