Flex4 Spark Container

Flex 的 Application 就是讲 一些 Component 置于 Container 中 ，对 Event 进行响应。

看如下示例：

<?xml version="1.0" encoding="utf-8"?>
<s:Application
  xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx"
  width="100%" height="100%">
  <s:Group x="10" y="10">
    <s:layout>
      <s:VerticalLayout gap="20"/>
    </s:layout>
    <s:HGroup>
      <s:VGroup>
        <s:Button label="A"/>
        <s:Button label="B"/>
      </s:VGroup>
      <s:Button label="C"/>
      <s:Button label="D"/>
    </s:HGroup>
    <s:Group>
      <s:layout>
        <s:HorizontalLayout paddingLeft="15"/>
      </s:layout>
      <s:Button label="E"/>
      <s:Button label="F"/>
      <s:Button label="G"/>
      <s:Button label="H"/>
    </s:Group>
  </s:Group>
</s:Application>

其中 

VerticalLayout 类按垂直顺序从上向下排列布局元素，在元素和围绕元素顺序的可选填充之间带有可选间隙。gap 为布局元素之间的垂直空间（以像素为单位）。

Group 和他的子类 VGroup 和 HGroup 这样的 Container 可以容纳 实现了 IUIComponent或者IGraphicElement接口的组件。所以既可以容纳Spark组件，又能接受Spark基本类型。

如果扩展自SkinnableContainerBase的容器还可以定制主题界面（皮肤）。