01.14
FXG?早在半年前Adobe就已經提出了這樣的一個格式,當然這對很多設計師來講這應該是一個令人恐懼的名詞,其實FXG並沒有你想像中的那麼恐怖,他只不過是將圖案的表示方法用XML來描述罷了,當然前提是你所創造的內容是一個"向量"化的圖片,如果你是一個100%不折不扣的Photoshop點陣圖設計師,FXG?哼!你大可以把它丟到垃圾桶,裝作沒這回事情發生。

眼尖的人應該可以發現在Adobe Illustrator CS4中,存檔的介面中多了一個FXG的選項,其實Help中說的還蠻清楚的,我把那一段內容給擷取出來:
以 FXG 格式儲存
在 Illustrator 中建立可於 Adobe Flex® 使用的結構圖形時,您可以使用 Flash XML Graphics (FXG) 格式來儲存。FXG 是以 MXML 子集為基礎的圖形檔格式,而 MXML 則是 FLEX 架構使用的 XML 型程式設計語言。您可以在像是 Adobe Flex Builder 等應用程式中使用 FXG 檔案,以開發功能多樣的網際網路應用程式以及培養經驗。儲存為 FXG 後,影像的總像素必須小於 6,777,216 像素,寬度或高度必須小於 8192 像素。
如需更多有關如何這些格式的資訊,請參閱 Adobe Flex 網站,網址是 www.adobe.com/products/flex.
- 選擇「檔案 > 另存新檔」或「檔案 > 儲存拷貝」。
- 輸入檔名,並選擇檔案的位置。
- 選擇 FXG (*.FXG) 做為檔案格式,然後按一下「儲存」。
- 在「FXG 選項」對話框中,設定想要的選項,然後按一下「確定」。
FXG的概念很簡單,就是利用XML可以公開的特性,讓一個向量的內容可以再多個軟體中互相交換,所以Adobe的美夢是這樣的,你可以先用Illustrator畫出一個向量圖形,然後將他交給Flash Catalyst (可以把它想像成一個給美術設計師使用的Flex建置工具),美術設計師可以用拖曳的方式在畫面上建立想要的互動,在轉移給Flex Builder使用,讓Flex的程式設計師可以快速的加上程式與邏輯。
好啦,那到底優勢在哪裡?優勢就在於整個環節可以逆轉,也就是若是最後的成品被客戶打了折扣,說是畫面需要調整,就可以藉由改變FXG來做更改,也就是Flash Catalyst可以將圖形在交回給Illustrator去做編修,最後在包裝給Flex使用。
當然因此受惠的不會只有Flex而已,相對的AIR和Flash也是主要受惠的對象,其實很清楚的Adobe自從CS3以後(將Macromedia購併進來後),一直非常努力的在做整合的工作,讓美術設計師可以透過工具的方式能跟程式設計師的工作結合,但是其實我只能說這是一個非常美好的"美夢",其實說穿了,要透過工具來整合是不可能得,除非你的專案非常的簡單,簡單到你不太需要去管理到維護和延伸這項任務。
Flash Catalyst在我看過Demo影片後就知道他走向了Dreamweaver的老路(請注意他所產生出來的程式碼),就像你可以用Dreamweaver快速的產生"程式碼",但是這些程式碼能不能在一個比較正式的專案上Run,我想這件事情大家心知肚明,工具永遠只能解決簡單的事情,一個專案的成功還是要來自於豐富的經驗與事前的規劃,當然從資訊業的觀點,工作流程(workflow)更是重要。
要在強調一下,我並不是說工具或是Flash Catalyst不好,善用工具可以幫你節省時間,但是必須要先跟你說想用Flash Catalyst來完成一個大專案,而真的不需要寫什麼程式,勸你最好早早放棄這個念頭,without coding?說穿了只是在特定狀況下才會實現的東西。
我個人比較期待Flex 4正式出來時,可以動態載入FXG的內容,至少在目前試辦不到的,那真正出來時是否可以做得到呢?我相信這應該是Adobe已經在列入考量的功能內了,這樣將會讓很多圖像的產生更加的方便,關於在Flex中如何使用FXG你可以參考下方的程式碼:
<gumbo:Rect width="100" height="100">
<gumbo:fill>
<SolidColor color="0xff0000" />
</gumbo:fill>
<gumbo:stroke>
<SolidColorStroke color="0x00ff00" weight="2"/>
</gumbo:stroke>
</gumbo:Rect>
相信有用過Flex的MXML或是Silverlight的XAML的人應該對這種描述方法不陌生才對。
註:這段MXML必須要在Flex 4中才能被實現出來
相關文章:
文章內容由宋志峰[ANISTAR]撰寫,引用分享請以鏈結形式註明出處與原始作者。


雖然 FXG 是還不能直接動態載入來用,不過若存成 SVG 的話就可以了,Image 可直接讀取。
最近也在試著從 Catalyst 找出能和 Designer 更密切合作的模式,雖然還不成熟,不過還是很期待啦。
我想大加都拭目以待, Adobe要讓FXG能動態載入應該不是難事, 就看Adobe怎麼進行下一步了.