初試 Flash Catalyst CS5

Published: May 9, 2010Posted in: Adobe Flex, Flash & AIR, BlogTags: , , , , ,

Flash Catalyst CS5 是 Creative Suite 的新成員。其主要用途和開發原意是用來將 Photoshop、Illustrator 或者 Fireworks 的檔案轉成 Flex 的 MXML。以下是官網的介紹：

不用寫程式碼就能建立生動的介面與互動內容
Adobe® Flash® Catalyst™ CS5 軟體是平易近人的新式互動設計工具。您不用寫程式碼就能把 Adobe Photoshop®、Illustrator® 與 Fireworks® 圖稿轉換成生動的全互動專案，並且充分利用 Adobe Flash 平台的廣度和一致性。

的確它是能將圖稿轉成 Flex 的 MXML，不用再分割圖像和在 Flash Builder 中重新再組合一次。不過對於產生出來的 Flex 專案是否「全互動」則有所保留。開首已經說過，Flash Catalyst 只是用來做轉換，最多都是為按鈕加上轉 State、播放影片、前往網址等基本動作。如果只用 Flash Catalyst 的話，最多都只能做到一些簡單的程式（例如簡單的作品集，相簿之類）。由於 Flash Catalyst 只可以看程式碼但不能修改，稍為複雜的程式都要交予 Flash Builder 加工。

Interactions 面板所提供的功能

Interactions 面板所提供的功能

Flash Catalyst 的 Code View

它的名稱已經說明了它只能看程式碼而不能修改

使用過程

Flash Catalyst 的用法其實是先匯入 Photoshop、Illustrator 或者 Fireworks 的檔案。它會將檔案轉換成 MXML。

Flash Catalyst 正在轉換 PSD 檔

轉換完之後就會進入 Flash Catalyst 的主界面，你可以在這個介面中為你的使用介面加工。Flash Catalyst 的主界面和其他的 Adobe CS4 / CS5 軟件有點相似（那個使用界面叫 Adobe Clean UI，現正廣泛用於 Adobe 的軟件中，就連 Adobe 推出的 Flex / AIR app 都會使用），不過 Flash Catalyst 的面板是不可以拖曳的。

Flash Catalyst 的主界面

  • 上面的 Pages / Stages 是和 Flex 的一樣，都是用來顯示分頁用。
  • 左面的面板有工具讓你繪畫基本形狀、加入組件、顯示檔案的圖層、增加簡單動作和修改屬性。
  • 下面的 Timelines 是用來設定各組件的過場效果，但和 Flash 的 Timeline 用法不同而且比 Flash 的更為簡單。

把組件定義好功能和名稱後，就可以將專案匯出，讓 Flash Builder 完成程式所有功能。

缺點

其中一個最主要的缺點是不支援 Fluid Layout。不少 RIA 都是採用 Fluid Layout 而非 Fixed Layout。Flex SDK 和 Flash Builder 都有在 syntax 上和 UI 上支援到 Fluid Layout。但 Flash Catalyst 卻只支援到 Fixed Layout。對於製作 Fluid Layout 的程式 Flash Catalyst 就幫不到很大的忙。

Flash Builder 的屬性面板

Flash Builder 的屬性面板提供適用於 Fluid Layout 的工具

另一方面，Flash Catalyst 對 AIR app 的支援不多。就連最基本的視窗控制（最大化、最小化、關閉）的動作都不提供。只是提供了一個沒有甚麼大用途的發行 AIR app 功能。純用 Flash Catalyst 做的程式功能不多，直接發行成 AIR app 也相信沒有人願意安裝。

還有一樣是 Flash Catalyst 是和 Flash Builder 一樣都是建基於 Eclipse。但 Flash Catalyst 就把大部分 Eclipse 的功能刪去。就連設定程式碼顯示字型和預覧瀏覧器都不能，只有一個用途不大的選項視窗：

Flash Catalyst 的選項視窗

在安裝 Flash Catalyst 時同時會安裝 Flex 4 SDK，如果能和 Flash Builder 共用 SDK 就可以省到幾百 MB 的空間。

不過這些缺點說不定是為了留待作新版本的功能，要待下個版本功能才能完整。不過，在匯入 Photoshop、Illustrator 或者 Fireworks 的原檔轉換 MXML 的功能確實是做得不錯。

題外話：Flash Catalyst 的界面和很多 CS5 軟件的面板一樣都是 Flex / AIR 程式來。有興趣的話可以到 C:\Program Files\Adobe\Adobe Flash Catalyst CS5\plugins\com.adobe.thermo.core_1.0.0.273393\ThermoPanelsSWF 看看。

相關文章

  1. CN License A 公眾測試 CN License A 現在正式公開讓大家測試。CN License A 是 TMB 2 將會提供的字型之一。字型是專門用來模仿中國內地車號牌，適合用來模擬尺寸為...
  2. Adobe 已釋出官方 CS5 試用版 Adobe 已經在官方網站提供英文版 CS5 產品（包括 4 個 Suite）的試用版下載，下載後可以轉為正式版。...
  3. Photoshop 扮移軸 之前早就看過人用 Photoshop 扮移軸，但一直都沒有合適的相片來試玩這個效果。最近就剛好拍了幾張相來試，效果也不錯。...