flex4的布局

• horizontalAlign: 布局元素的水平对齐方式，可能的值有 "left"、 "center"或 "right"。

• verticalAlign: 布局元素的竖直对齐方式，可能的值有 "top"、 "middle"或 "bottom"。

Flex4相对Flex3在标签上有很大改动，Flex4的布局采用s标签的形式来配置。看下面这个例子：首先对整个面板定义了VerticalLayout（竖直布局），同时水平和竖直都居中，然后在Application容器中定义了一个panel面板，panel面板定义了HorizontalLayout（水平布局），水平对齐方式采用了右对齐的方式。

以下写了三种flex4的布局方式：自动定位，绝对定位，基于容器限制布局

1、自动定位:

垂直布局:

<s:layout>

<s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>

</s:layout>

水平布局:

<s:layout>

<s:HorizontalLayout verticalAlign=“middle”horizontalAlign="center"/>

</s:layout>

小例子：

Xml代码  

1. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   
2.                xmlns:s="library://ns.adobe.com/flex/spark"   
3.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">  
4.     <s:layout>