如何利用Flash Builder4.0创建VDividedBox


VDividedBox与 VBox 容器相同,都是垂直布局,并且可以让分开的两部分左右移动。如何利用Flash Builder4.0创建VDividedBox,详细步骤如下:

如何利用Flash Builder4.0创建VDividedBox

工具/原料

Flash Builder4.0

Windows7

FireFox

方法/步骤

首先,在新建的Flex项目下的src中的默认包下新建Flex应用程序“VDividedBox.mxml”,如下图所示:

如何利用Flash Builder4.0创建VDividedBox

在Flex应用程序中,插入

<mx:VDividedBox width="100%" height="100%"></mx:VDividedBox>

如下图所示:

如何利用Flash Builder4.0创建VDividedBox

在VDividedBox添加两个HBox

<mx:HBox width="100%" height="50%" borderColor="0x00FF00" borderStyle="solid"

borderVisible="true">

</mx:HBox>

<mx:HBox width="100%" height="50%" borderColor="0x0000FF" borderStyle="solid"

borderVisible="true">

</mx:HBox>

如下图所示:

如何利用Flash Builder4.0创建VDividedBox

为了区别不同的模块,再在每个HBox添加Accordion

<mx:Accordion width="100%" height="100%">

</mx:Accordion>

如下图所示:

如何利用Flash Builder4.0创建VDividedBox

在每个Accordion添加三个NavigatorContent

<mx:Accordion width="100%" height="100%">

<s:NavigatorContent label="AAAA" width="100%" height="100%">

</s:NavigatorContent>

<s:NavigatorContent label="BBBB" width="100%" height="100%">

</s:NavigatorContent>

<s:NavigatorContent label="CCCC" width="100%" height="100%">

</s:NavigatorContent>

</mx:Accordion>

<mx:Accordion width="100%" height="100%">

<s:NavigatorContent label="aaaa" width="100%" height="100%">

</s:NavigatorContent>

<s:NavigatorContent label="bbbb" width="100%" height="100%">

</s:NavigatorContent>

<s:NavigatorContent label="cccc" width="100%" height="100%">

</s:NavigatorContent>

</mx:Accordion>

如下图所示:

如何利用Flash Builder4.0创建VDividedBox

运行Flex应用程序,如下图所示:

如何利用Flash Builder4.0创建VDividedBox

注意事项

区别VDividedBox和VBox异同点

VDividedBox和HDividedBox的区别

标签: 步骤, 部分
分类: 数码&电脑
时间: 2014-09-11

相关文章

  1. 如何利用Flash Builder4.0创建Accordion

    Accordion是Flex中的一种组件的导航器,具有可折叠性,像一个手风琴,一般都会称之为手风琴导航器.现在,将要讲述怎么利用Flash Builder4.0创建Accordion,详细步骤如下: 工具/原料 Flas ...
  2. 如何利用Flash Builder4.0创建TabBar

    TabBar类显示一组相同的选项卡:一次可以选择一个选项卡,且默认情况下选择第一个选项卡:TabBarSkin 类将这些选项卡排列在一行中,使用 TabBar cornerRadius 样式可以配置选项卡的角半径.如何利 ...
  3. 如何利用Flash Builder4.0创建TabNavigator

    TabNavigator是Flex中组件的一种导航器,多个Tab页可以相互切换.如何利用Flash Builder4.0创建TabNavigator,详细步骤如下: 工具/原料 Flash Builder4.0 Wind ...
  4. 如何利用Flash Builder4.0创建ButtonBar

    ButtonBar是Flex中的一种组件,是一种导航器,是Button和Tab结合体.如何利用Flash Builder4.0创建ButtonBar,详细步骤如下: 工具/原料 Flash Builder4.0 Wind ...
  5. Windows7下如何利用Flash Builder4.0创建表格

    Flex中常见的有一些控件按钮,图表之类的.能够用图表进行统计,可以很形象地描述一些指标的展示情况.以下将详细地讲述利用Flash Builder4.0创建表格,具体步骤如下: 工具/原料 Flash Builder4. ...
  6. 如何利用Flash Builder4.0创建桌面应用程序

    新建的Flex项目,应用程序类型有两种,一种是"Web(在 Adobe Flash Player 中运行)",一种是"桌面(在Adobe AIR 中运行)",第一种是经常运用的,第 ...
  7. 如何利用Flash Builder4.0创建MenuBar

    MenuBar是Flex中的一种菜单组件,包含有一个或多个菜单的水平菜单栏:打开某一子菜单,可以弹出很多下拉菜单.如何利用Flash Builder4.0创建MenuBar,具体实现步骤如下: 工具/原料 Flash B ...
  8. Windows7下如何利用Flash Builder4.0创建日期

    Flex中的DateField控件可以显示日期,日期格式可以是:YYYY.YYYY-MM和YYYY-MM-DD,可以选择切换月份和年份.下面将讲述DateField的简单设置,详细见下: 工具/原料 Windows7 F ...
  9. Windows7下如何利用Flash Builder4.0创建复选框

    工具/原料 windows7 Flash Builder4.0 首先,在Flex项目中的src包下的默认包中新建一个Flex应用程序"CheckBox.mxml",如下图所示: 在<s:Appl ...
  10. Windows7下如何利用Flash Builder4.0创建单选框

    RadioButton是Flex一个单选框组件,可以根据所选的条件进行处理.下面将讲述如何单选框RadioButton,并且获取RadioButton中的label值,具体步骤如下: 工具/原料 Flash builde ...
  11. 如何利用Flash Builder4.0制作树形下拉框菜单

    一般情况下,下拉框和树有着一定的联系.而且在项目开发的过程中,经常需要将下拉框做成树形下拉框.下面将讲述如何利用Flash Builder4.0制作树形下拉框菜单,详细步骤如下: 工具/原料 Flash Builder4 ...
  12. 怎样将Flash Builder4集成到Myeclipse 8.5

    工具/原料 Myeclipse 8.5 简单介绍下Myeclipse吧!MyEclipse企业级工作平台(MyEclipse Enterprise Workbench ,简称MyEclipse)是对EclipseIDE的 ...
  13. 如何利用Flash Builder4.0制作单折线图

    Flash Builder4.0中自带了一些Flex图表组件,其中就有柱状图.折线图.面积图等等.可以根据自带的图表组件设置图形的样式,数据源等.如何利用Flash Builder4.0制作单折线图,详细步骤如下: 工具 ...
  14. Flash Builder4.0中如何设置DataGrid表头样式

    DataGrid是Flex常用的一种高级表格控件,可以实现不同的表格.现在,将要讲述如何设置DataGrid表头的样式以及其内容中显示的间隔色,如下图所示: 工具/原料 Windows7 Flash Builder4.0 ...
  15. 如何用Flash Builder中取色器控制label字体颜色

    1.创建三个label标签组件 2.创建一个ColorPicker 3.利用ColorPicker控制label标签中的text值的字体颜色值 详细步骤如下: 工具/原料 Flash Builder4.0 Windows ...
  16. flashbuidler设置之二:使用模板录入开发者信息

    我们进行项目协作开发时候,往往需要知道文档(类,接口等等)创建者的信息,以方便日后维护.fb提供了一个模板功能,实现这些信息的一次设置,创建文档时候自动录入. 工具/原料 flash builder4.6 方法/步骤 选 ...
  17. 如何改变选中Flex中CheckBox的字体颜色值

    今天做项目的过程中,我遇到一个Flex问题:有两个复选框,在点击变化时,改变CheckBox字体的颜色.想想实现步骤,首先要调用CheckBox的change事件,利用setStyle方法,具体实现如下: 工具/原料 F ...
  18. Flex中颜色选择器改变容器的背景色

    ColorPicker是Flex自带的一种颜色组件,选择不能的颜色值,可以控制不同的颜色.利用ColorPicker自带的change事件,用来改变容器或组件的背景色,其中,具体的用法如下步骤: 工具/原料 Flash ...
  19. 创建 ActionScript 移动设备项目

    这里要介绍的是,创建可以在 移动 设备上运行的基于 AIR 的 ActionScript 应用程序. 工具/原料 flash builder4.6 方法/步骤 选择" 文件">" 新建 ...