`
zhenping
  • 浏览: 83234 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

flex中HBox,VBox的布局、其中组件的布局 (自动居中)

 
阅读更多

HBox 是横向布局,VBox是重向布局。

HBoxVBox组件都有属性horizontalAlign horizontalCenterverticalAlignverticalCenter

horizontalAlign horizontalCenter是水平居中,verticalAlignverticalCenter是垂直居中。

horizontalAlign 的属性值是left(左边)center(中间)right(右边)

verticalAlign的属性值是top(顶部),middle(中间),bottom(底部)。

horizontalCenterverticalCenter都是绝对布局。

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基础培训-3-组件和布局

    本篇文档主要关注Flex中的组件和布局概念。 1. **DataGrid组件**:DataGrid是Flex中用于显示和管理表格数据的关键组件。它允许开发者展示数据集合,并且可以与后端数据源进行绑定。开发者可以通过DataGrid组件实现...

    Flex3界面布局中文教程--一路风尘制作

    Vbox和Hbox布局是Canvas容器中常见的布局方式,分别用于垂直和水平方向上的组件排列。这两种布局无需手动设置`x`、`y`坐标,而是根据布局规则自动调整组件位置。 例如,使用Vbox布局时,所有子组件将沿垂直轴排列,...

    flex组件介绍

    Flex中的容器组件,如`VBox`、`HBox`和`Group`,用于组织和管理其他组件的布局。这些容器提供了不同的布局策略,例如垂直排列、水平排列或自由布局。通过使用容器,开发者可以轻松地控制界面元素的布局和对齐方式。 ...

    Flex3 界面布局教程

    - 例如,使用 VBox 或 HBox 来自动排列按钮,无需手动指定 `x` 和 `y` 坐标。 - 示例代码: ```xml &lt;mx:VBox id="vb" left="10" right="248" y="26" height="153" backgroundColor="#A9C0E7"&gt; &lt;/mx:...

    flex 拖拽功能 中文文档

    在大多数情况下,Flex会自动处理拖放后的数据整合,可能包括从发起者中删除数据。 #### 单一组件的角色转换 Flex中的单个组件不仅可以充当拖动发起者,还可以成为拖放目标,这意味着可以在同一个组件内部移动数据...

    Flex事件机制详细说明

    例如,在下面的代码片段中,如果`VBox`组件发生了`resize`事件,则事件流会从根节点`Application`开始,依次检查`Panel`、`HBox`等容器节点,直到到达`VBox`。 ```xml &lt;mx:HBox&gt; &lt;mx:VBox&gt; &lt;/mx:VBox&gt; &lt;/mx:...

    flex横向条形图增加滚动条分页显示数据

    2. **定义容器**:在主XML文件(通常是`Main.mxml`)中,创建一个具有Flex布局的容器,例如`HBox`或`Canvas`,用于放置条形图。容器的宽度应足够大,以便容纳所有的条形图数据。 ```xml &lt;mx:HBox id=...

    Flex3 界面布局教程 第二篇

    在Flex 3中,布局容器提供了灵活的布局选项,可以通过各种属性来调整组件的位置和尺寸,例如width和height属性来指定组件的尺寸,direction属性来控制组件的排列方向等。通过这些布局容器和属性,开发者可以创建出既...

    JavaFX中使用布局精简教程

    JavaFX中的布局管理器,被称为布局窗格(Pane),它们负责管理其子节点的位置和大小,能够适应窗口的缩放,并且提供了多种布局方式,如边框布局(BorderPane)、水平盒子布局(HBox)、垂直盒子布局(VBox)、网格...

    flex 画线,并连接到物体上,

    如果物体是Flex布局容器中的组件,例如 `Canvas` 或 `HBox`,那么还需要考虑容器的布局策略对物体位置的影响。可能需要覆盖默认的布局行为,以确保拖动时物体的实际位置与视觉位置一致。 7. **样式定制**: Flex...

    Flex UI组件使用全集

    ### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...

    flex 播放器 源码 项目

    9. **布局管理器**:Flex提供多种布局管理器(如VBox、HBox、Grid等)来帮助组织和定位组件。播放器界面的布局可能利用了这些管理器。 10. **皮肤和样式**:Flex允许通过皮肤和样式定制组件的外观。播放器的控制栏...

    Manning.Flex .3.in.Action.Feb.2009

    - **容器组件**:使用容器组件如HBox、VBox等来组织界面元素,实现更灵活的布局设计。 ### 表单和用户输入 - **表单组件**:Flex提供了丰富的表单组件,如TextField、ComboBox等,方便用户输入数据。 - **验证用户...

    FLEX面试题

    11. **布局容器**:`HBox` 和 `VBox` 是Flex提供的两种布局容器,分别用于水平和垂直布局,而 `Canvas` 容器则不提供自动布局功能。 12. **列表(List)的多项选择**:要使 `List` 组件支持多项选择,可以设置 `...

    FLex文档教程

    2. **容器**:用于组织和布局控件,常见的有VBox、HBox、Grid等,它们提供了一种灵活的方式来安排界面元素,使其适应不同的屏幕尺寸和布局需求。 **四、基于列表的控件与数据绑定** 基于列表的控件,如ComboBox、...

Global site tag (gtag.js) - Google Analytics