FlexSDK4新特性中的主題 布局和樣式
本文和大家重點討論一下FlexSDK4新特性,主要包括主題,布局和樣式三大部分內容,相信通過本文的簡單介紹你對FlexSDK4新特性有一定的了解。
FlexSDK4新特性
FlexSDK4新特性一、主題
在FlashBuilder4以前,Adobe默認的主題是Halo,而從FlashBuilder4開始,默認的主題變成了Spark。FlashBuilder4中包含了9款默認主題,其中兩款Spark主題,七款Halo主題。
在FlashBuilder4中同時存在了兩組控件,分別是:之前的mx.*和新加入的spark.*。
◆怎樣為項目選擇Flex主題?
新建Flex項目,右擊項目選擇"屬性",在彈出的對話框中的左側選擇"Flex主題",之后就可以看到FlashBuilder自帶的Flex主題,我們看到其中有兩套Flex主題,分別是:Spark和Halo。可以進行刪除主題,導入主題操作等,選擇好之后,點擊"確定"即可,此時就為項目切換了Flex主題。
注意:1.主題的默認存放位置在FlashBuilder4安裝目錄/sdks/4.0.0/frameworks/themes/
2.在新建的Flex項目中的.actionScriptProperties文件中可以看到項目主題的配置。
◆Flex主題深入
我們可以看一下主題包中到底有什么,例如:將主題包中的wireframe.swc改名為wireframe.zip,解壓。解壓后可見下面這些文件。
很明顯default.css是主題的樣式設置,我們可以對其修改以改變主題的配置。
FlexSDK4新特性二、布局
在Flex4中,布局已經從控件中剝離出來。這樣我們可以更加靈活的對控件進行布局,比如在運行時將容器的布局方式由橫向改為縱向。這在Flex3中是很難實現的。
在Flex4的spark包中已經沒有了原來的Hbox,Vbox,Box以及Canvas容器,取而代之的是Group,另一個新的容器是SkinnableContainer,它與Group的區別是我們可以為它定義皮膚,Group不能定義皮膚但有更高的執行效率以及使應用程序的體積更小。
除了控件的布局方式改變外,Flex4中的滾動條也從控件中剝離了出來,默認的容器是沒有滾動條以及virtualization的。
FlexSDK4新特性三、樣式
在Flex4中,對Css的支持有了質的飛躍。在Flex4以前,Flex對Css的支持是很別扭的,相對于HTML強大的Css功能,Flex只能說繼承了很表面的一部分。
在Flex4中在新的樣式設置中增加了對名稱空間的支持,這主要針對不同控件包中的控件設置樣式。比如:
- @namespaces"library://ns.adobe.com/flex/spark";
- @namespacemx"library://ns.adobe.com/flex/halo";
【編輯推薦】
- 解析FlexSDK4的八大新特性
- FlexBuilder4十大新特性閃亮登場
- 學習總結 在Flex中如何嵌入Flex字體
- FlexSDK4:Gumbo的主題實現快速RIA開發
- FlexBuilder開發方法及特點解析