FLEX容器的布局规则

最新推荐文章于 2024-09-09 10:27:59 发布

Arthur0088

最新推荐文章于 2024-09-09 10:27:59 发布

阅读量155

点赞数

文章标签： Flex

本文介绍了FLEX中各种容器的布局规则，包括VBox、HBox、Canvas等，并详细解释了它们如何排列子元素，以及如何通过属性设置实现不同的布局效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FLEX中所有的布局都需要容器。<mx:Application>标签实际上就是一个容器。每个容器都有一定的规则来确定子元素的排列方式，也就是本文讨论的FLEX容器布局规则。

VBox
子元素沿垂直方向排列。每个子元素都会绘制在前一个子元素的下方。

HBox
子元素沿水平方向排列。每个子元素都会绘制在前一个子元素的右方。

Canvas
按开发者指定的x坐标与y坐标绘制子元素。如果没有指定坐标，则所有的子元素都绘制在容器的左上方。例如，如果在Canvas中添加一个Button控件而不为其指定坐标，那么Button就被呈现在Canvas的左上角，默认的(0,0)位置。

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

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

Pnael
Box容器的子类。Panel容器可以像VBox、HBox或者Canvas容器之中的任何一种那样布局，这取决于指定的layout属性（默认为absolute，与Canvas一样）。除了可以包含子元素，Panel容器还提供了标题栏区域，可以包含它的标题和状态信息。

ControlBar
ControlBar容器可以用于将工具栏停靠在Panel容器或者TitleWindow容器的底部。ControlBar容器能以HBox或者VBox容器的方式布局，这取决于direction属性的设置情况（默认为horizontal，水平方式布局）。

ApplicationControlBar
能以HBox容器或者VBox容器的方式布局，这取决于direction的设置（默认horizontal）。ApplicationControlBar用于放在在整个应用中都能访问的组件。如果ApplicationControlBar容器是<mx:Application>的第一个子元素，而且dock属性为true，那么ApplicationControlBar容器会停靠在应用程序绘制区域的顶部，占满应用程序的最大宽度，而且不随应用程序的滚动而滚动。