在学习Flex4的过程中，你会遇到Flex4布局的概念， 这里和大家分享一下，在FlexSDK4(Gumbo)的spark组件库里面增加了一个page：spark.layouts。其中包括了比较重要的四个Flex4布局类（class），请看下文详细介绍。

成都创新互联主要从事做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务霍城,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

四种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属性了。

本文标题：解析四大Flex4布局方式
文章位置：http://www.jxjierui.cn/article/cdhhspc.html