在學(xué)習(xí)Flex的過(guò)程中，難免會(huì)遇到FlexSDK4方面的問(wèn)題，這里和大家分享一下FlexSDK4新特性，希望對(duì)你的學(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)目選擇"屬性"，在彈出的對(duì)話框中的左側(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è)置，我們可以對(duì)其修改以改變主題的配置。

FlexSDK4新特性二、布局

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

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

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

FlexSDK4新特性三、特效

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

FlexSDK4新特性四、樣式

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

在Flex4中在新的樣式設(shè)置中增加了對(duì)名稱空間的支持，這主要針對(duì)不同控件包中的控件設(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，不會(huì)再出現(xiàn)其他的標(biāo)簽.

FlexSDK4新特性六、雙向綁定

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

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

FlexSDK4新特性七、ASDoc

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

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í)它為我們保存對(duì)應(yīng)這些state的瀏覽器地址。如果我們?cè)陧?xiàng)目中激活“允許繼承瀏覽器導(dǎo)航功能的選項(xiàng)”，那就意味著我們可以:

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

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

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

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

2.html-template以及swfobject

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

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

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

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

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

【編輯推薦】

1. 使用FlexSDK4時(shí)三大注意事項(xiàng)
2. FlexBuilder4十大新特性閃亮登場(chǎng)
3. 學(xué)習(xí)總結(jié) 在Flex中如何嵌入Flex字體
4. FlexSDK4 三大Gumbo主題實(shí)現(xiàn)快速RIA開發(fā)
5. FlexBuilder開發(fā)方法及特點(diǎn)解析