解析四大Flex4布局方式

开发 后端
本文向大家介绍一下四个Flex4布局类的用法,它们分别是:BasicLayout、HorizontalLayout、TileLayout、VerticalLayout。

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

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

【编辑推荐】

  1. 解析三大Flex布局用法
  2. 解析八大Flex布局规则
  3. 全面认识Flex应用程序的六大元素
  4. 揭开Flex正则表达式的神秘面纱
  5. Flex数据绑定及其使用频繁的几种情况 
责任编辑:佚名 来源: chinaunix.net
相关推荐

2010-07-27 10:03:57

Flex4

2010-08-02 11:26:21

Flex4

2010-08-13 10:30:30

Flex4

2010-09-10 09:22:50

DIV布局

2010-08-17 09:20:28

DIV布局

2010-08-11 09:01:41

Flex4布局

2010-08-12 14:58:12

Flex4

2010-08-12 14:51:40

Flex4

2010-08-13 14:39:57

Flex布局

2010-08-05 10:22:46

Flex效果

2010-08-02 12:44:01

Flex3Flex4

2010-08-06 10:56:11

Flex4MyEclipse

2010-08-05 13:33:06

Flex布局规则

2010-08-02 11:09:45

Flex4

2010-08-13 09:05:09

Flex4Halo

2010-08-11 12:50:04

Flex4

2010-07-28 13:48:49

Flex数据绑定

2010-08-12 14:31:42

Flex4

2010-08-10 09:08:29

HTMLTemplatFlex4

2010-07-27 10:32:41

Flex4beta
点赞
收藏

51CTO技术栈公众号