FlexSDK4新特性中的主題 布局和樣式
本文和大家重點(diǎn)討論一下FlexSDK4新特性，主要包括主題，布局和樣式三大部分內(nèi)容，相信通過本文的簡(jiǎn)單介紹你對(duì)FlexSDK4新特性有一定的了解。
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?？梢赃M(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)從控件中剝離出來。這樣我們可以更加靈活的對(duì)控件進(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中，對(duì)Css的支持有了質(zhì)的飛躍。在Flex4以前，F(xiàn)lex對(duì)Css的支持是很別扭的，相對(duì)于HTML強(qiáng)大的Css功能，F(xiàn)lex只能說繼承了很表面的一部分。
在Flex4中在新的樣式設(shè)置中增加了對(duì)名稱空間的支持，這主要針對(duì)不同控件包中的控件設(shè)置樣式。比如：
- @namespaces"library://ns.adobe.com/flex/spark";
- @namespacemx"library://ns.adobe.com/flex/halo";
【編輯推薦】
- 解析FlexSDK4的八大新特性
- FlexBuilder4十大新特性閃亮登場(chǎng)
- 學(xué)習(xí)總結(jié) 在Flex中如何嵌入Flex字體
- FlexSDK4:Gumbo的主題實(shí)現(xiàn)快速RIA開發(fā)
- FlexBuilder開發(fā)方法及特點(diǎn)解析
