网上的资料显示：
Canvas(画布)和Box(VBox(垂直)和HBox(水平))及DivideBox(也分为垂直和水平):
Canvas组件是一个非独立运行容器组件(即可以附加其他组件的组件)，同时它的布局方式只有一种，就是absolute绝对布局方式，没有vertical垂直和horizontal水平方式！！
Box也是一个非独立运行的容器组件，放入VBox中的组件会垂直排列；放入HBox中的组件会水平排列！！
DivideBox是特殊的Box，就是带有分割的Box组件，VDivideBox是垂直分割的Box组件；HDivideBox是水平分割的Box组件！！
实际使用当中，发现Canvas(画布)还是比较自由和简便。Why?
因为Canvas使用的是绝对定位(这种绝对定位是Canvas的子元素相对其而言)，子元素(通过addChild()添加)可以通过设置自身的X，Y坐标来自由定位。而HBox对于子元素只会依据addChild()的先后顺序往水平方向填充，其子元素设置X，Y坐标根本上没有任何作用。但值得一提的是，HBox对于制作水平滚动条却又意想不到的方便。
总之，使用哪种布局方式，还是得根据自己实际需求来选择。
分享到：
相关推荐
<mx:HBox id="columnBox" name="ColumnChart" width="100%"> <mx:ColumnChart id="columnChart" showDataTips="true" width="100%" height="100%"/> <mx:Panel id="columnLegendPanel" horizontalScrollPolicy=...
<mx:HBox id="inputFlight" height="100%" width="100%" verticalAlign="top" paddingLeft="10" paddingTop="10" paddingRight="10"> <base:HLabel text="Flow" /> <base:HText text="E" /> <mx:Spacer ...
<mx:HBox width="100%" height="100%"> <mx:Panel title="Tree" width="200" height="100%" panelBorderStyle="roundCorners"> <mx:Tree id="tree" width="100%" height="100%" dataProvider="{content}" ...
<mrow> <msqrt> <mi> s </ mi> </ msqrt> <mo> = </ mo> <mn> 2.76 </ mn> <mspace width =“> </ mspace> <mtext> TeV </ mtext> </ mrow> </ math>能量为$$ \ beta ^ {*} = 11 \ hbox {m} $$ <math> ...
Flex4.6 通过调用显示：曲线表 var vbox:createChat=new createChat(); var hbox:HBox=vbox.createChats("Day",myArray,expenses); this.addElement(hbox);
<hbox spacing="0" width="100%" height="100%"> <vbox spacing="0" width="100%" heights="100px,100px"> 左上 <splitter id="s1" collapse="before"/> 左下 </vbox> <splitter id="splitmain" collapse=...
layout: { type: 'hbox' }, defaults: { margin: '0 3 0 0', border: false, maxWidth: 300, minWidth: 180, layout: { type: 'form', labelWidth: 30 } } }, items: [{ items: [{ flex: 1, items: ...
通过使用发光二极管（LED）和$$ {} ^ {90} \ hbox {Sr} $$ Srβ光源在室温和低温下研究了晶体的发光和闪烁特性。 在10 K下的发光和闪烁光的产量明显高于在室温下的发光和闪烁的光的产量。 该晶体在10 K下显示出比...
的五维Chern–Simons理论的哈密顿动力学 Izaurieta，Rodriguez和Salgado的/ math>，即所谓的$$ \ hbox {S} _H $$ <math> <msub> <mtext> S </ mtext> <mi> H </ mi> </ msub> </ math>-基于循环组$$ {\ ...
快速创建MX和Spark组件。 如何使用 在VSCode中安装扩展 打开mxml文件，开始输入组件名称并选择代码段 注意：要在VSCode中创建Flex项目，请安装。 片段 AdvancedDataGrid BorderContainer Box MX Button Spark ...
$$ \ hbox {Li} _ {2} \ hbox {MoO} _ {4} $$ Li2MoO4和CaMoO $$ _ 4 $$ 4等基于钼的晶体正在成为寻找无中微子的下一代实验的主要候选对象 使用低温量热仪（CUPID，AMoRE）进行双β衰变。 这些晶体的精美能量分辨率...
我们报告了对$$ ^ {130} \ hbox {Te} $$ 130Te到第一个$$ 0 ^ {+} $$ 0+ $$ ^ {130} \ hbox {Xe的激发态 } $$ 130Xe使用$$ 9.8 \，\ hbox {kg} \ cdot \ hbox {yr} $$ 9.8kg·yr暴露的$$ ^ {130} \ hbox {Te} $$ 130...
参考文献[6]： 来吧 B 763，280”应已更正为“ Phys。Phys。 来吧 B 763，280（2016）”。
# coding=utf-8 import sys from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui import * class Example(QWidget): def __init__(self): ... hbox = QHBoxLayout(self) left = Q
在非弹性pp碰撞中，在$ Rapid \ sqrt {s} = 7 \\ hbox {TeV} $$ s = 7TeV且在p– 对于非单个衍射事件和多重性类，$$ \ sqrt {s _ {\ mathrm {NN}}} = 5.02 \ \ hbox {TeV} $$ sNN = 5.02TeV处的Pb碰撞。 共振通过其...
根据在$ \ sqrt {s} = 13 \ hbox {TeV} $$ s = 13TeV的质子-质子碰撞中双射角分布的测量结果，提出了一种超越标准模型的物理搜索方法。 在大型强子对撞机中使用CMS检测器收集的数据对应于35.9 $$ \，\ text {fb} ^ {...
Canvas layout 容器 1<br>Absolute模式 1<br>constraint-based模式： 2<br>Vbox或者Hbox 布局 3<br>ControlBar layout 容器 4<br>ApplicationControlBar 容器 6<br>DividedBox, HDividedBox 和VDividedBox 布局 8<br...
这种变化对测得的螺旋度分数没有任何影响，但是它改变了异常耦合的获得极限。
$$ \ hbox {Li} _2 \ hbox {MoO} _4 $$ Li2MoO4晶体由20个薄Ge光学辐射热计补充，通过同时检测热量和闪烁光来拒绝$$ \ alpha $$α事件。 在校准（物理）数据中，我们观察到良好的探测器均匀性和在2615 keV时5.3 keV...