解析八大Flex布局规则

开发 前端
在学习Flex的过程中,你可能会遇到Flex布局规则方面的问题,这里向大家简单介绍一下,希望对你的学习有所帮助。

本文和大家重点讨论一下Flex布局规则,主要包括VBox布局,HBox布局,Canvas布局等八种布局规则,相信通过本文的简单描述,你对Flex布局规则有深刻的认识。

Flex布局规则

1)VBox

子元素沿垂直方向排列;每个子元素都绘制在前一标签的下方

(2)HBox

子元素沿水平方向排列;每个子元素都绘制在前一标签的右方

(3)Canvas

Flex布局规则中按开发者指定的x坐标和y坐标绘制子元素。如果没有指定坐标,则所有的子元素都绘制在容器的左上角。例如,如果在Canvas容器中添加一个Button控件而不给Button控件指定x坐标和y坐标,那么按钮会被呈现在Canvas的左上角,位于默认的(0,0)位置。

(4)Application

通过使用Layout属性,Application布局能设置成类似VBox、HBox或Canvas容器之中的任何一种方式

(5)Tile

将其子元素排成一个或多个竖列或横行,在需要时增加新行或新列。所有的Tile容器单元格大小都相同。Flex将Tile容器的单元格排在正方形网格中,每一个单元格内放入一个子元素。布局方式由direction属性决定。

(6)Panel

Flex布局规则中Box容器的子类,Panel容器可以像VBox、HBox或Canvas容器之中的任何一种那样布局,这取决于指定的Layout属性(默认使用layout="absolute",布局行为与Canvas容器一样)。除了可以包含子元素,Panel容器还白日做梦了标题栏区域,可以包含它的标题和状态信息。

(7)ControlBar

ControlBar容器可用于将工具栏停靠在Panel容器或TitleWindow容器的底部。ControlBar容器能以HBox容器或VBox容器的方式布局,这取决于direction属性(默认值是horizontal)

(8)ApplicationControlBar

ApplicationControlBar容器用于放置在整个应用程序中均能访问的组件。如果ApplicationControlBar容器是<mx:Application>标签的***个子元素,且dock属性为true,刚ApplicationControlBar容器会停靠在应用程序绘制区域的顶部,占满应用程序的***宽度,而且不能随应用程序滚动而滚动。ApplicationControlBar容器能以HBox容器或VBox容器的方式布局,这取决于direction属性(默认值是horizontal)

【编辑推荐】

  1. Flex基础 Flex布局学习手册
  2. Flex基础 创建***个Flex项目
  3. 解析Flex布局容器的使用
  4. FlexBuilder3.0与Eclipse3.4的***结合
  5. 学习笔记 FlexBuilder2.0中如何使用基于Lists的控件 

 

责任编辑:佚名 来源: flexjs.cn
相关推荐

2009-07-15 18:23:50

程序空间建模

2010-08-13 14:39:57

Flex布局

2014-11-04 16:50:35

2010-08-23 16:31:33

CSS

2010-09-02 14:30:57

DIV CSS

2010-07-29 17:31:29

Flex富客户端

2010-08-17 13:58:41

DIV CSS网页布局

2010-08-13 14:45:58

Flex4布局

2011-08-17 13:55:25

VoIPPBX

2009-06-22 14:07:46

JSF优势

2010-08-10 09:01:02

FlexSDK4新特性

2022-01-05 09:26:56

IT灾难IT故障

2010-08-05 13:14:16

Flex布局

2010-09-07 16:04:02

CSS

2010-11-08 11:31:34

职场

2009-11-04 14:30:22

2010-11-29 11:02:50

职场

2010-11-22 10:44:13

2012-05-10 16:45:54

linux系统

2023-12-27 11:45:09

点赞
收藏

51CTO技术栈公众号