FlexSDK4新特性中的主题布局和样式-flstudio主题

本文和大家重点讨论一下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新特性中的主题 布局和样式

FlexSDK4新特性中的主题布局和样式