2009
08.06

由Flex 3進入Flex 4的必備知識 PART 2 – Flash Builder的專案與佈署

從這期開始我們慢慢的來說Flash Builder與Flex Builder的差別,
其實不管你要開發Flex 3或是Flex 4你都可以使用Flash Builder或是Flex Builder來當做開發工具,
只是Adobe這次跟著Flex 4一起提出的Flash Builder提供了程式設計師較多方便的工具,
我們先從專案的建立與佈署開始說起。

Flash Builder在建立新專案的時候,
可以選擇Flex SDK的版本,
你可以選擇繼續開發Flex 3 (SDK版本是3.4)的專案,
或是另起爐灶直接用Flex 4的專案。
flash Builder


一打開Flash Builder的Flex新專案第一眼映入眼簾的改變就是Package Explorer,
這個可愛的Package Explorer功能可比以前的好用多了,
以後我再另起一篇來做說明,
不過由下圖可以看的出來,現在Flash Builder已經用package為基本觀念了,
當你建立一個Flex的專案,
會自動的產出一個default package,
而你的專案檔則會被歸納在這個package底下。

flash Builder

從Flex 4.0的目錄底下(其實它是函式庫Library)可以看到一些新的swc檔,
像是flex.swc就是Flex 3以前的halo元件,
而flex4.swc裡面則放著新的spark元件,
另外在Flex 4中有有新的textLayout.swc這些新的項目,
這些都是之前跟著Flash Player 10一起產生出來的文字排版Framework,
同樣下次的介紹中我們可以做一些簡單的展示。

flash Builder

另外打開Flash Builder的html的範本,
你會發現Adobe這次開始在佈署Flash/Flex專案時已經有所改變了,
這次使用swfobject來啟動HTML網頁上的Flash,
這應該算是跟著CS4的規則吧,
如果你有用過Flash CS4或是Dreamweaver CS4的話,
你應該也會發現他們也同樣使用swfobject來做Flash的啟用。

flash Builder

從Adobe這些年來的發展來看,
看來是越來越靠近Open Source這條路了,
我想這也是我樂觀其成的。

好啦,今天我們先說到這,
下次我們再一一針對Flex 4中你必須要知道的知識來進行解說。


相關文章:
  • 由Flex 3進入Flex 4的必備知識 PART 3 – Flash Builder的佈景主題設置
  • Adobe Flex 4.1現身
  • Flash Builder4 文字提示功能
  • 現場直擊Flash/Flex特效瘋-8/26活動內容預告
  • Flex版的iPhone介面
  • 本文引用:
    文章內容由宋志峰[ANISTAR]撰寫,引用分享請以鏈結形式註明出處與原始作者。

    6 comments so far

    Add Your Comment
    1. 老師您好:
      我想要用Flex加Flash做一個遊戲的網頁,還要需要用到資料庫
      可以麻煩您介紹我上什麼課程或什麼書籍嗎?
      謝謝您

      • 你可以上Flash全修班或是Flex+AIR課程, 這些課程可以從 us.uuu.com.tw 上取得更詳細的內容.
        或是我出版的Flash和Flex書籍都可以參考 :)

    2. 老師swfobject這一個東西不是用來解決當初IE瀏覽器所產生的虛線框~~
      的修正檔案嗎?
      而這不只是嵌入swf的方式不同而已嗎?
      jQuery也有相關元件可使用~

      • 其實那不算是修正檔啦, 只是有人用javascript寫了一個叫swfobject的程式, 專門去啟動IE裡的ActiveX元件, 不過Flex3使用的不是swfobject喔.

    3. 老師:
      如果現在電腦已經灌了Flex3 再灌Flex4會有影響ㄇ

      • 放心,完全不受影響.