HBox
是横向布局,VBox是重向布局。
HBox、VBox组件都有属性horizontalAlign
,horizontalCenter,verticalAlign,verticalCenter。
而horizontalAlign
,horizontalCenter是水平居中,verticalAlign,verticalCenter是垂直居中。
horizontalAlign
的属性值是left(左边),center(中间),right(右边)。
verticalAlign的属性值是top(顶部),middle(中间),bottom(底部)。
而horizontalCenter,verticalCenter都是绝对布局。
eg:
<!-- Modify by Peter 自动居中按钮 -->
<mx:HBox width="100%" height="100%" verticalCenter="0" verticalAlign="middle" horizontalAlign="center" horizontalCenter="0">
<mx:Button label="{this.resourceManager.getString('language','btn.close')}" click="close()" icon="{ModelLocator.closeIcon}"/>
<mx:Button id="btnSave" enabled="true" label="{this.resourceManager.getString('language','btn.save')}" click="saveCheck(event)" icon="{ModelLocator.saveIcon}"/>
</mx:HBox>
分享到:
相关推荐
本篇文档主要关注Flex中的组件和布局概念。 1. **DataGrid组件**:DataGrid是Flex中用于显示和管理表格数据的关键组件。它允许开发者展示数据集合,并且可以与后端数据源进行绑定。开发者可以通过DataGrid组件实现...
Vbox和Hbox布局是Canvas容器中常见的布局方式,分别用于垂直和水平方向上的组件排列。这两种布局无需手动设置`x`、`y`坐标,而是根据布局规则自动调整组件位置。 例如,使用Vbox布局时,所有子组件将沿垂直轴排列,...
Flex中的容器组件,如`VBox`、`HBox`和`Group`,用于组织和管理其他组件的布局。这些容器提供了不同的布局策略,例如垂直排列、水平排列或自由布局。通过使用容器,开发者可以轻松地控制界面元素的布局和对齐方式。 ...
- 例如,使用 VBox 或 HBox 来自动排列按钮,无需手动指定 `x` 和 `y` 坐标。 - 示例代码: ```xml <mx:VBox id="vb" left="10" right="248" y="26" height="153" backgroundColor="#A9C0E7"> </mx:...
在大多数情况下,Flex会自动处理拖放后的数据整合,可能包括从发起者中删除数据。 #### 单一组件的角色转换 Flex中的单个组件不仅可以充当拖动发起者,还可以成为拖放目标,这意味着可以在同一个组件内部移动数据...
例如,在下面的代码片段中,如果`VBox`组件发生了`resize`事件,则事件流会从根节点`Application`开始,依次检查`Panel`、`HBox`等容器节点,直到到达`VBox`。 ```xml <mx:HBox> <mx:VBox> </mx:VBox> </mx:...
2. **定义容器**:在主XML文件(通常是`Main.mxml`)中,创建一个具有Flex布局的容器,例如`HBox`或`Canvas`,用于放置条形图。容器的宽度应足够大,以便容纳所有的条形图数据。 ```xml <mx:HBox id=...
在Flex 3中,布局容器提供了灵活的布局选项,可以通过各种属性来调整组件的位置和尺寸,例如width和height属性来指定组件的尺寸,direction属性来控制组件的排列方向等。通过这些布局容器和属性,开发者可以创建出既...
JavaFX中的布局管理器,被称为布局窗格(Pane),它们负责管理其子节点的位置和大小,能够适应窗口的缩放,并且提供了多种布局方式,如边框布局(BorderPane)、水平盒子布局(HBox)、垂直盒子布局(VBox)、网格...
如果物体是Flex布局容器中的组件,例如 `Canvas` 或 `HBox`,那么还需要考虑容器的布局策略对物体位置的影响。可能需要覆盖默认的布局行为,以确保拖动时物体的实际位置与视觉位置一致。 7. **样式定制**: Flex...
### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...
9. **布局管理器**:Flex提供多种布局管理器(如VBox、HBox、Grid等)来帮助组织和定位组件。播放器界面的布局可能利用了这些管理器。 10. **皮肤和样式**:Flex允许通过皮肤和样式定制组件的外观。播放器的控制栏...
- **容器组件**:使用容器组件如HBox、VBox等来组织界面元素,实现更灵活的布局设计。 ### 表单和用户输入 - **表单组件**:Flex提供了丰富的表单组件,如TextField、ComboBox等,方便用户输入数据。 - **验证用户...
11. **布局容器**:`HBox` 和 `VBox` 是Flex提供的两种布局容器,分别用于水平和垂直布局,而 `Canvas` 容器则不提供自动布局功能。 12. **列表(List)的多项选择**:要使 `List` 组件支持多项选择,可以设置 `...
2. **容器**:用于组织和布局控件,常见的有VBox、HBox、Grid等,它们提供了一种灵活的方式来安排界面元素,使其适应不同的屏幕尺寸和布局需求。 **四、基于列表的控件与数据绑定** 基于列表的控件,如ComboBox、...