如何利用Flash Builder4.0创建VGroup

1、在新建的Flex项目中，src下的默认包下新建一个应用程序，如下图所示：

2、将窗口切换到设计模式窗口，在组件视图中找到VGroup，并且拖一个到设计视图窗口，如下图所示：

3、在VGroup中拖入一个label和六个CheckBox，如下图所示：

4、给VGroup添加两个属性，使所有的组件垂直居中和水平居中

verticalAlign="middle" horizontalAlign="center"

如下图所示：

5、将窗口由设计模式切换到源代码编辑模式

<?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:layout>

<s:BasicLayout/>

</s:layout>

<fx:Declarations>

<!-- 将非可视元素（例如服务、值对象）放在此处 -->

</fx:Declarations>

<s:VGroup width="50%" height="50%" verticalAlign="middle" horizontalAlign="center">

<s:Label text="兴趣爱好："/>

<s:CheckBox label="篮球"/>

<s:CheckBox label="足球"/>

<s:CheckBox label="网球"/>

<s:CheckBox label="台球"/>

<s:CheckBox label="登山"/>

<s:CheckBox label="围棋"/>

</s:VGroup>

</s:Application>

如下图所示：