flex容器总结

flex容器总结

By  soiha 发表于 2009-7-13 16:18:00

flex容器作为flex材料基础，老是弄不明白，所以在此总结一下，以备后用  Flex提供的容器，主要实现容纳其他的控件或者是容器，以达到美化页面和布局的目的，这种容器，实际上每个容器是一个ActionScript类，其关系与css世纪类似。 在Flex中，所提供的容器很多，每个容器都有相应的使用规则,常见的有两种，布局容器和导航容器 布局容器 VBox 垂直布局子标记；一个子标记在前一个子标记的下方显示。 HBox 横向布局子标记；一个子标记在前一个子标记的右面显示。 Canvas 子标记显示坐标（x,y）由开发人员指定。如果没有特别指定，所有的子标记坐标默认为容器的左上角（0，0）。例如，如果你添加一个按钮控件到Canvas容器，按钮将在这个Canvas的(0,0)坐标显示。 Application 可以有多种布局方式，默认为Canvas方式，具体的布局方式由该标记的“layout”属性指定。layout属性有三个选项：horizontal / vertical / absolute。分别对应HBox，VBox，Canvas三种规则。 Tile 子标记以行列方式布局，可以认为是一个表格，但与之区别的是，所有的格子都有相同的宽度和高度，他们是由Flex自动调整的，direction属性可以指定tile布局的方向，默认为横向。 Panel Box容器的子类，通过layout属性指定具体的布局方式，默认为absolute；Panel容器除了用来包容子标记，还常用于提供标题栏和状态栏区域。 ControlBar ControlBar容器用于停靠工具栏，通过direction指定方向。一般用在Panel容器或者TitleWindow容器的底部。（实验证明，在Flex3中么有direction这个属性，只能是 ApplicationControlBar 根据direction属性，可以拥有HBox或者VBox的布局行为。用来包含哪些能够在 应用程序全局访问的标记（我想，指的是用户UI的可访问性，不会被其他元素遮盖），如果指定为<mx:Application>标记的第一个 元素，并且它的dock属性指定为true，则flash player将在屏幕的顶端绘制application controll bar，并且不会随着application的滚动而滚动。 导航容器的主要作用是用来在多个容器之间进行换。在使用的过程中，需要我们注意的是，导航器容器的直接子级必须是容器, 要么是布局容器, 要么是导航器容器。 无法在导航器内直接嵌套控件；控件必须是导航器容器的子容器的子级。     Accordion Accordion 容器定义一个子面板序列, 但一次仅显示一个面板。 若要导航容器, 用户会单击与他们需要访问的子面板相对应的导航按钮。 使用 Accordion 容器, 用户可以按任何顺序访问子面板以在表单中前后移动。      TabNavigator TabNavigator 容器创建和管理一组选项卡, 使用它们可在其子级中间导航。 TabNavigator 容器的子级是其他容器。 TabNavigator 容器为每个子级创建一个选项卡。 当用户选中某个选项卡时, TabNavigator 容器会显示相关联的子级。    ViewStack ViewStack 导航器容器由彼此堆叠在一起的子容器的一个集合组成, 一次只有一个容器是可见的或活动的。 ViewStack 容器不为用户定义切换当前活动容器的内置机制；您必须使用 LinkBar、TabBar、ButtonBar 或 ToggleButtonBar 控件或自己在 ActionScript 中构建逻辑让用户来更改当前活动的子级。