Flex4布局方式

四種Flex4布局類概述

在FlexSDK4(Gumbo)的spark元件庫裡面增加了一個page：spark.layouts。其中包括了比較重要的四個Flex4布 局類（class），分别是：BasicLayout、HorizontalLayout、TileLayout、VerticalLayout。

1、BasicLayoutFlex4布局：

（預設屬性，當不指定定位後，則是絕對定位布局）

這是spark元件預設FlexSDK3的布局方式，即絕對定位布局。在FlexSDK3裡面對應的是：layout="absolute"

2、HorizontalLayoutFlex4布局：

這是spark元件庫裡面的水準布局方式。在裡面對應的是：layout="horizontal"

3、VerticalLayoutFlex4布局：

這是spark元件庫裡面的豎直布局方式。在FlexSDK3裡面對應的是：layout="vertical"

4、TileLayoutFlex4布局：

這是spark元件庫新增的布局方式，即格子布局方式。TileLayout布局方式可以說是HorizontalLayout和VerticalLayout結合的方式。

還有一點是需要注意的：

paddingLeft、paddingRight、paddingTop、paddingBottom

這四個屬性已經轉移到了HorizontalLayout、VerticalLayout裡面。這點也與FlexSDK3有些差別。也就是說，在 spark元件中的容器，已經不具備paddingLeft、paddingRight、paddingTop、paddingBottom屬性了。