使用 Flash 和 Flex



建立組件供 Flex 使用

在 Adobe® Flash® CS4 Professional 中,您可以建立內容供 Adobe® Flex® 應用程式做為組件使用。這類內容可包括視覺元素和 Adobe® ActionScript® 3.0 程式碼。

藉由在 Flash 中建立組件供 Flex 使用,您不但能利用 Flash 靈活的圖像設計功能,還可充分運用 Flex 的功能。

若要在 Flash 中建立 Flex 組件,您必須安裝適用於 Flash 的 Flex 組件套件 (Flex Component Kit)。使用 Adobe Extension Manager 便能安裝這個組件套件。某些版本的組件套件未必支援 Adobe® Flash® CS4 Professional 的全部功能,因此請務必從 www.adobe.com/go/flex_ck_en 下載最新版組件套件。

如需有關組合運用 Flex 與 Flash 的詳細資訊,請參閱 Adobe 網站上的 Flex 文件,網址為:www.adobe.com/go/learn_flexresources_en

在 Flash 中建立 Flex 組件:

  1. 確定已經安裝 Adobe Extension Manager。若要下載 Extension Manager,請造訪位於 www.adobe.com/go/extension_manager_dl_en 的 Extension Manager 下載頁面。

    根據預設,Extension Manager 會與 Adobe Creative Suite 應用程式一起安裝。

  2. 下載並安裝 Flex 組件套件,網址為 www.adobe.com/go/flex_ck_en。請務必先結束 Flash 再安裝組件套件。如需有關使用 Adobe Extension Manager 安裝擴充功能的詳細資訊,請參閱 www.adobe.com/go/learn_extension_manager_en

  3. 啟動 Flash。「命令」選單中會出現兩個新命令:「將元件轉換成 Flex 組件」和「將元件轉換成 Flex 容器」。

  4. 在 Flash 中建立影片片段元件,其中包含您要納入 Flex 組件的圖像和 ActionScript 3.0 程式碼。這些內容必須包含在影片片段元件中,才能轉換成 Flex 組件。

  5. 將影片片段轉換成 Flex 組件之前,請確定已符合 Flex 的下列相容性需求:

    • FLA 檔的影格速率應為 24 fps,並與任何使用該組件的 Flex 專案的影格速率相符。

    • 註冊點應位於影片片段中的 0, 0 座標點。

      備註: 為確保影片片段中全部內容的註冊點位於 0, 0 處,請按一下「時間軸」底部的「編輯多個影格」按鈕,選取影片片段時間軸中的所有影格,再選取所有影格的全部內容,然後透過「屬性」檢測器將內容移至 0, 0 處。
  6. 在「元件庫」面板中選取影片片段,然後選擇「命令 > 將元件轉換成 Flex 組件」。

    Flash 會將影片片段轉換成 Flex 組件,將「元件庫」中的元件圖示變更為 Flex 圖示,並將 FlexComponentBase 類別已編譯影片片段匯入「元件庫」中。當下一個步驟建立 Flex 組件 SCW 檔時,Flash 會在該檔案中嵌入 FlexComponentBase。

    請注意「輸出」面板在 Flash 轉換影片片段期間所顯示的進度訊息。

  7. 選擇「檔案 > 發佈」,建立包含已編譯 Flex 組件的 SWC 檔。Flash 也會從主 FLA 檔建立 SWF 檔,但您可以選擇忽略該 SWF 檔。發佈的組件 SWC 檔如今已可供 Flex 使用。

  8. 若要在 Flex 中使用 SWC 檔,請執行下列其中一項:

    • 從 Flash 複製 SWC 檔,再貼入 Flex 專案的 bin 資料夾中。

    • 將 SWC 檔加到 Flex 專案的元件庫路徑。如需詳細資訊,請參閱位於 www.adobe.com/go/learn_flexresources_en 的 Flex Builder 文件。

使用 Flex 中繼資料

如果您要撰寫要用於 Flex 的 ActionScript 3.0 程式碼,則可在程式碼內放入中繼資料,以便將外部檔案嵌入任何包含 ActionScript 程式碼的已發佈 SWF 中。通常,這些 [Embed] 中繼資料宣告的用途是將影像檔、字體、個別元件或其它 SWF 檔嵌入 SWF 中。

請記住,中繼資料是「資料的相關資料」。若要將中繼資料加入 ActionScript,應將中繼資料寫在套用中繼資料的程式碼行之前一行程式碼。這樣一來,編譯器在編譯其後的該行程式碼時,便會將中繼資料納入考量。

例如,假設 button_up.png 影像儲存在 ActionScript 檔案的上一層目錄,則可使用下列 ActionScript 嵌入該影像:

[Embed("../button_up.png")]

private var buttonUpImage:Class;

[Embed] 中繼資料標籤指示編譯器將 button_up.png 檔案嵌入 SWF 檔中,且該影像檔應與名為 buttonUpImage 的變數產生關聯。

如需有關 Flex 如何嵌入含有中繼資料之資源的詳細資訊,請參閱「Flex 3 開發人員指南」中的「嵌入資源」,網址為:www.adobe.com/go/learn_flexresources_en

如果您使用了像是 [Embed] 中繼資料之類需要有 Flex SDK 的功能,Flash 會在編譯階段提示您將 Flex.SWC 檔加到 FLA 檔的元件庫路徑。Flex.SWC 檔含有支援 Flex 中繼資料所需的已編譯類別。請在對話方塊中按一下「更新元件庫路徑」,將 Flex.SWC 加到元件庫路徑。您也可以稍後再經由 ActionScript 發佈設定,將 Flex.SWC 檔加到元件庫路徑。