`
jaenson
  • 浏览: 188986 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

<mx:HBox和<mx:Canvas的使用区别

 
阅读更多
网上的资料显示:
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对于制作水平滚动条却又意想不到的方便。
总之,使用哪种布局方式,还是得根据自己实际需求来选择。

分享到:
评论
1 楼 demontxy 2014-08-12  
太感谢了,解决了我的大问题,我一直想把打印按钮悬浮到viewer的右下角方便触屏操作,但总脱离不了BOX,看了此帖,果断把viewer和GradientImageButton都扔进Canvas里定位一下,完美!~

相关推荐

    Flex Olap完整项目源码,可直接运行

    &lt;mx:HBox id="columnBox" name="ColumnChart" width="100%"&gt; &lt;mx:ColumnChart id="columnChart" showDataTips="true" width="100%" height="100%"/&gt; &lt;mx:Panel id="columnLegendPanel" horizontalScrollPolicy=...

    Flex3 界面布局教程

    &lt;mx:HBox id="hBox2" left="100" right="..."&gt; &lt;!-- 示例未完整展示 --&gt; &lt;/mx:HBox&gt; &lt;/mx:Canvas&gt; ``` - 这种布局方式更加灵活,可以根据屏幕大小自动调整子元素的位置,适合创建响应式界面。 #### ...

    flex Repeater标签使用教程

    要在MXML中声明`Repeater`组件,你需要使用`&lt;mx:Repeater&gt;`标签,并将其放置在一个Flex容器(如`VBox`, `HBox`, `Panel`或`Canvas`)内。例如: ```xml &lt;mx:VBox&gt; &lt;mx:Repeater id="myRepeater" dataProvider="{...

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

    &lt;mx:HBox id="chartContainer" width="100%" horizontalScrollPolicy="on"&gt; &lt;!-- 条形图组件将在这里插入 --&gt; &lt;/mx:HBox&gt; ``` 3. **添加条形图**:在容器内插入条形图组件,例如`BarChart`。你可以使用Flex提供的`...

    Flex面试试题(By稻田).doc

    这个描述涉及创建一个`WindowedApplication`,包含`Tile`、`HBox`、`Button`和`TextInput`。使用MXML和ActionScript编写,确保各组件的属性设置正确,然后在Button的点击事件中检查TextInput的输入,根据输入内容...

    Flex基础培训-3-组件和布局

    通过&lt;mx:DataGridColumn/&gt;可以自定义列的显示顺序和标题文字。 2. **创建自定义MXML组件**:MXML是基于XML的标记语言,用于定义Flex应用中的界面布局。通过编写MXML代码,开发者可以设计布局、放置组件,并编写与...

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

    例如,如果设置了`&lt;mx:Button x="10" y="10" label="button1"/&gt;`,按钮将出现在距离容器左边界10像素、上边界10像素的位置。 **constraint-based模式**则允许使用边距、基线或中心锚点等约束条件来确定组件位置,...

    Flex基础入门与开发实例

    - 在MXML中插入ActionScript时,需使用`&lt;mx:Script&gt;`标签,并且程序体需要用`&lt;![CDATA[...]]&gt;`包围。 - **导入对象**: - 在ActionScript中,可以使用`import`关键字导入类库,如`import com.example.ClassName`。 ...

    vscode-flex-snippets:适用于Visual Studio Code的Flex(MX和Spark)代码段

    快速创建MX和Spark组件。 如何使用 在VSCode中安装扩展 打开mxml文件,开始输入组件名称并选择代码段 注意:要在VSCode中创建Flex项目,请安装。 片段 AdvancedDataGrid BorderContainer Box MX Button Spark ...

Global site tag (gtag.js) - Google Analytics