Flex中的HDividedBox和VDividedBox的比较附图

1、HDividedBox (1)源码HVD.mxml:复制代码代码如下：可扩展标记语言版本='1.0 '编码='utf-8 '？s 3360 APPLication xmlns : FX=' http://ns。土坯房。com/mxm/2009 ' xmlns :s=' library ://ns。土坯房。com/flex/spark ' xmlns : MX=' library ://ns。土坯房。com/flex/MX ' width=' 100% ' height=' 100% ' s 3360布局s : basikleaout//:布局fx3-将非可视元素（例如服务、值对象)放在此处-/FX :描述fx:Script！[CDATA[导入MX。收藏品。arraycollection[可绑定] //图表数据绑定private var grid array : ArrayCollection=new ArrayCollection([{ month : '一月，Mon:'45 '，Tus:'23 '，Wed:'64 '，Thu:'42 '，Fri:'20 '，Sat:'54 '，Sun:'42'}，{month: '二月，Mon:'12 '，Tus:'52 '，Wed:'25 '，Thu:'45 '，Fri:'41 '，Sat:'54 '，Sun:'25'}，{month: '三月，Mon:'56 '，Tus:'42 '，Wed:'24 '，Thu:'45 '，Fri:'31 '，Sat:'45 '，Sun:'14'}，{month: '四月，Mon:'45 '，Tus:'40 '，Wed:'21 '，Thu:'75 '，Fri:'20 '，Sat:'15 '，Sun:'45'}，{month: '五月，Mon:'23 '，Tus:'51 '，Wed:'20 '，Thu:'45 '，Fri:'15 '，Sat:'56 '，Sun:'43'}，{month: '六月，Mon:'30 '，Tus:'20 '，Wed:'23 '，Thu:'95 '，Fri:'42 '，Sat:'58 '，Sun:'13'}，{month: '七月，Mon:'20 '，Tus:'52 '，Wed:'29 '，Thu:'45 '，Fri:'12 '，Sat:'45 '，Sun:'32'}，{month: '八月，Mon:'12 '，Tus:'65 '，Wed:'28 '，Thu:'25 '，Fri:'12 '，Sat:'96 '，Sun:'12'}，{month: '九月，Mon:'30 '，Tus:'45 '，Wed:'27 '，Thu:'51 '，Fri:'45 '，Sat:'56 '，Sun:'35'}，{month: '十月，Mon:'33 '，Tus:'54 '，Wed:'25 '，Thu:'34 '，Fri:'25 '，Sat:'76 '，Sun:'44'}，{month: '十一月，Mon:'84 '，Tus:'84 '，Wed:'20 '，Thu:'32 '，Fri:'15 '，Sat:'85 '，Sun:'13'}，{month: '十二月，Mon:'25 '，Tus:'25 '，Wed:'30 '，Thu:'21 '，Fri:'45 '，Sat:'45 '，sun : ' 13 ' })；]]/FX :脚本MX : hdividedbox宽度=' 100% '高度=' 100% '填充底部=' 10 '填充左侧=' 10 '填充右侧=' 10 '向上填充=' 10 ' MX 3360 datagrid数据提供程序=' { grid ray } 宽度=' 50% '高度=' 100% '垂直对齐='中间'文本对齐='中间' MX :列月份数据字段='月'/MX : datagridcolumn标题文本='星期一数据字段=' Mon '/MX : datagridcolumn标头文本='星期二数据字段=' Tus '/MX : datagridcolumn标头文本='星期三数据字段=' Wed '/MX : datagridcolumn标题文本='星期四数据字段=' Thu '/MX : datagridcolumn标题文本='星期五数据字段=' Fri /MX : datagridcolumn标头文本='星期六数据字段=' Sat '/MX : datagridcolumn标题文本='星期日数据字段=' Sun '/MX :列/MX :数据网格MX : vbox宽度='50% '高度='100% ' MX :柱形图id=' column '数据提供程序=' { grid ray } '宽度=' 100% '高度=' 98% ' MX : horizontal axis MX 3360 categoryaxis categoryField=' month ' display name='月份//MX :水平轴MX :系列MX :列系列显示名称='星期一yField=' Mon ' xField=' month '/MX :列系列显示名称='星期二yField=' Tus ' xField=' month '/MX :列系列显示名称='星期三yField=' Wed ' xField=' month '/MX :列系列显示名称='星期四yField=' Thu ' xField=' month ' /MX :列系列显示名称='星期五yField='Fri' xField='月/MX :列系列显示名称='星期六yField=' Sat ' xField=' month '/MX :列系列显示名称='星期日yField=' Sun ' xField=' month '/MX :系列/MX :柱形图MX :图例数据提供程序=' { column } '高度=' 30 '/MX : vbox/MX 3360 hdividedbox/s 3360应用程序(2)结果a初始化

b向左移动

c向右移动

2、虚拟磁盘盒(1)源码VBD.mxml:复制代码代码如下：可扩展标记语言版本='1.0 '编码='utf-8 '？s 3360 APPLication xmlns : FX=' http://ns。土坯房。com/mxm/2009 ' xmlns :s=' library ://ns。土坯房。com/flex/spark ' xmlns : MX=' library ://ns。土坯房。com/flex/MX ' width=' 100% ' height=' 100% ' s 3360布局s : basikleaout//:布局fx3-将非可视元素（例如服务、值对象)放在此处-/FX :描述fx:Script！[CDATA[导入MX。收藏品。arraycollection[可绑定] //图表数据绑定private var grid array : ArrayCollection=new ArrayCollection([{ month : '一月，Mon:'45 '，Tus:'23 '，Wed:'64 '，Thu:'42 '，Fri:'20 '，Sat:'54 '，Sun:'42'}，{month: '二月，Mon:'12 '，Tus:'52 '，Wed:'25 '，Thu:'45 '，Fri:'41 '，Sat:'54 '，Sun:'25'}，{month: '三月，Mon:'56 '，Tus:'42 '，Wed:'24 '，Thu:'45 '，Fri:'31 '，Sat:'45 '，Sun:'14'}，{month: '四月，Mon:'45 '，Tus:'40 '，Wed:'21 '，Thu:'75 '，Fri:'20 '，Sat:'15 '，Sun:'45'}，{month: '五月，Mon:'23 '，Tus:'51 '，Wed:'20 '，Thu:'45 '，Fri:'15 '，Sat:'56 '，Sun:'43'}，{month: '六月，Mon:'30 '，Tus:'20 '，Wed:'23 '，Thu:'95 '，Fri:'42 '，Sat:'58 '，Sun:'13'}，{month: '七月，Mon:'20 '，Tus:'52 '，Wed:'29 '，Thu:'45 '，Fri:'12 '，Sat:'45 '，Sun:'32'}，{month: '八月，Mon:'12 '，Tus:'65 '，Wed:'28 '，Thu:'25 '，Fri:'12 '，Sat:'96 '，Sun:'12'}，{month: '九月，Mon:'30 '，Tus:'45 '，Wed:'27 '，Thu:'51 '，Fri:'45 '，Sat:'56 '，Sun:'35'}，{month: '十月，Mon:'33 '，Tus:'54 '，Wed:'25 '，Thu:'34 '，Fri:'25 '，Sat:'76 '，Sun:'44'}，{month: '十一月，Mon:'84 '，Tus:'84 '，Wed:'20 '，Thu:'32 '，Fri:'15 '，Sat:'85 '，Sun:'13'}，{month: '十二月，Mon:'25 '，Tus:'25 '，Wed:'30 '，Thu:'21 '，Fri:'45 '，Sat:'45 '，sun : ' 13 ' })；]] /fx:Script mx:VBox宽度='100% '高度='100% '底部填充=' 20 '左侧填充=' 20 '右侧填充=' 20 '向上填充=' 20 ' MX : vdividedbox宽度='100% '高度=' 100% ' MX : datagrid数据提供程序=' { grid ray } '宽度=' 100% '高度='50 '月份数据字段='月'/MX : datagridcolumn标题文本='星期一数据字段=' Mon '/MX : datagridcolumn标头文本='星期二数据字段=' Tus '/MX : datagridcolumn标头文本='星期三数据字段=' Wed '/MX : datagridcolumn标题文本='星期四数据字段=' Thu '/MX : datagridcolumn标题文本='星期五数据字段=' Fri '/MX : datagridcolumn标题文本='星期六数据字段=' Sat '/MX : datagridcolumn标题文本='星期日数据区=' Sun '/MX :列/MX :数据网格MX 3360 vbox宽度=' 100% '高度=' 50% ' borderColor='0x 000000 ' borderVided=' true ' MX :柱形图id=' column '数据提供程序=' { gridArray } showDataTips=' true '宽度=' 100% '高度=' 98% ' MX :水平轴MX 33333月份//MX :水平轴MX :系列MX :列系列显示名称='星期一yField=' Mon ' xField=' month '/MX :列系列显示名称='星期二yField=' Tus ' xField=' month '/MX :列系列显示名称='星期三yField=' Wed ' xField=' month '/MX :列系列显示名称='星期四yField='Thu' xField='month'/MX :列系列显示名称='星期五yField='Fri' xField='月/MX :列系列显示名称='星期六yField=' Sat ' xField=' month '/MX :列系列显示名称='星期日yField=' Sun ' xField=' month '/MX :系列/MX :柱形图MX : hbox宽度='100% '高度=' 30 ' s 3360标签宽度=' 35% '/MX :图例数据提供程序=' { column } '高度=' 30 '/MX 3360 hbox/MX 3360 vbox/MX : vdividedbox/MX : vbox/s33运行结果答：初始化

b、向上移动

c 、向下移动