解析FlexSDK4的八大新特性

作者：CH 2010-08-10 09:01:02

本文向大家介紹一下FlexSDK4新特性，在FlashBuilder4以前，Adobe默認(rèn)的主題是Halo,而從FlashBuilder4開始，默認(rèn)的主題變成了Spark。

在學(xué)習(xí)Flex的過程中，難免會遇到FlexSDK4方面的問題，這里和大家分享一下FlexSDK4新特性，希望對你的學(xué)習(xí)有所幫助。

FlexSDK4新特性

FlexSDK4新特性一、主題

在FlashBuilder4以前，Adobe默認(rèn)的主題是Halo,而從FlashBuilder4開始，默認(rèn)的主題變成了Spark。FlashBuilder4中包含了9款默認(rèn)主題，其中兩款Spark主題，七款Halo主題。

在FlashBuilder4中同時(shí)存在了兩組控件，分別是：之前的mx.*和新加入的spark.*。

怎樣為項(xiàng)目選擇Flex主題？

新建Flex項(xiàng)目，右擊項(xiàng)目選擇"屬性"，在彈出的對話框中的左側(cè)選擇"Flex主題",之后就可以看到FlashBuilder自帶的Flex主題，我們看到其中有兩套Flex主題，分別是：Spark和Halo。可以進(jìn)行刪除主題，導(dǎo)入主題操作等，選擇好之后，點(diǎn)擊"確定"即可，此時(shí)就為項(xiàng)目切換了Flex主題。

注意：1.主題的默認(rèn)存放位置在FlashBuilder4安裝目錄/sdks/4.0.0/frameworks/themes/

2.在新建的Flex項(xiàng)目中的.actionScriptProperties文件中可以看到項(xiàng)目主題的配置。

Flex主題深入

我們可以看一下主題包中到底有什么，例如：將主題包中的wireframe.swc改名為wireframe.zip，解壓。解壓后可見下面這些文件。

很明顯default.css是主題的樣式設(shè)置，我們可以對其修改以改變主題的配置。

FlexSDK4新特性二、布局

在Flex4中，布局已經(jīng)從控件中剝離出來。這樣我們可以更加靈活的對控件進(jìn)行布局，比如在運(yùn)行時(shí)將容器的布局方式由橫向改為縱向。這在Flex3中是很難實(shí)現(xiàn)的。

在Flex4的spark包中已經(jīng)沒有了原來的Hbox,Vbox,Box以及Canvas容器，取而代之的是Group，另一個(gè)新的容器是SkinnableContainer，它與Group的區(qū)別是我們可以為它定義皮膚，Group不能定義皮膚但有更高的執(zhí)行效率以及使應(yīng)用程序的體積更小。

除了控件的布局方式改變外，F(xiàn)lex4中的滾動(dòng)條也從控件中剝離了出來，默認(rèn)的容器是沒有滾動(dòng)條以及virtualization的。

FlexSDK4新特性三、特效

Flex4中的特效都繼承于Animate類，Animate繼承于Effect類。

FlexSDK4新特性四、樣式

在Flex4中，對Css的支持有了質(zhì)的飛躍。在Flex4以前，F(xiàn)lex對Css的支持是很別扭的，相對于HTML強(qiáng)大的Css功能，F(xiàn)lex只能說繼承了很表面的一部分。

在Flex4中在新的樣式設(shè)置中增加了對名稱空間的支持，這主要針對不同控件包中的控件設(shè)置樣式。比如：

@namespaces"library://ns.adobe.com/flex/spark";  
 
@namespacemx"library://ns.adobe.com/flex/halo";

FlexSDK4新特性五、狀態(tài)

State在FlexSDK4中將變得更加的靈活而且好用。

·States數(shù)組里現(xiàn)在只定義一組state，不會再出現(xiàn)其他的標(biāo)簽.

FlexSDK4新特性六、雙向綁定

Flex中一個(gè)很有用的功能是數(shù)據(jù)的綁定，比如我們有屬性a,以及輸入框b,我們可以把屬性a與輸入框b綁定起來，這樣改變a的值時(shí)，輸入框b的值也會相應(yīng)變化。這種綁定是單項(xiàng)的。在FlexSDK4以前沒有直接的雙向綁定，所以當(dāng)我們想反過來通過設(shè)置b的值來改變a時(shí)就會比較麻煩。而Flex4為我們提供了雙向綁定的方法。

注意：在樣式，特效，數(shù)據(jù)服務(wù)以及遠(yuǎn)程對象的使用時(shí)是不能使用雙向綁定的。

FlexSDK4新特性七、ASDoc

ASDoc一款用于生成代碼說明書的工具，它能自動(dòng)將我們書寫在程序中的注釋轉(zhuǎn)換為說明書中控件屬性，方法等的說明。所以如果我們非常規(guī)范的書寫了自定義控件的注釋，在***我們可以通過一個(gè)簡單的命令生成一本控件的說明書。

FlexSDK4新特性八、SWFObject與HTMLTemplate

在每個(gè)Flex4項(xiàng)目中都有一個(gè)html-template文件夾，里面的內(nèi)容如下：

1.首先了解一下history文件夾的內(nèi)容

history.js,history.css以及historyFrame.html用于記錄Flex程序中每一個(gè)state的地址，比如我們從state1,切換到state2時(shí)它為我們保存對應(yīng)這些state的瀏覽器地址。如果我們在項(xiàng)目中激活“允許繼承瀏覽器導(dǎo)航功能的選項(xiàng)”，那就意味著我們可以:

1）通過前進(jìn)和后退返回在程序中訪問過的state。

2）將某一state的地址保存進(jìn)收藏夾，以后可以直接通過地址打開的這個(gè)state的頁面

3）將某一state的地址給其他人，它們可以直接鏈接到這個(gè)states頁面。

換句話說如果我們整個(gè)程序的試圖切換都用state方式，那么我們可以像瀏覽普通網(wǎng)頁一樣在瀏覽器中訪問我們程序的任意指定頁面。

2.html-template以及swfobject

html-template的作用是在編譯生成項(xiàng)目時(shí)生成一個(gè)Html頁面，用戶通過訪問Html頁面來訪問程序，而不是直接訪問生成的swf文件。為什么不直接訪問swf文件？因?yàn)閔tml-template除了顯示swf程序外還幫我們做了很多其他事，比如：

1）引用history系列文件來支持瀏覽器導(dǎo)航。

2）檢測用戶Flashplayer版本，一鍵自動(dòng)安裝。

3）頁面標(biāo)題，編碼，寬度，程序質(zhì)量，等等。

在Flex4之前，是直接使用一段javascript加入到html-template文件中實(shí)現(xiàn)上述功能，而從Flex4開始，正式引入了swfobject2，它是一個(gè)開源的標(biāo)準(zhǔn)庫，用于將swf嵌入到html頁面，以及實(shí)現(xiàn)一些其他的功能。

【編輯推薦】