网上的资料显示:
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="hBox2" left="100" right="..."> <!-- 示例未完整展示 --> </mx:HBox> </mx:Canvas> ``` - 这种布局方式更加灵活,可以根据屏幕大小自动调整子元素的位置,适合创建响应式界面。 #### ...
要在MXML中声明`Repeater`组件,你需要使用`<mx:Repeater>`标签,并将其放置在一个Flex容器(如`VBox`, `HBox`, `Panel`或`Canvas`)内。例如: ```xml <mx:VBox> <mx:Repeater id="myRepeater" dataProvider="{...
<mx:HBox id="chartContainer" width="100%" horizontalScrollPolicy="on"> <!-- 条形图组件将在这里插入 --> </mx:HBox> ``` 3. **添加条形图**:在容器内插入条形图组件,例如`BarChart`。你可以使用Flex提供的`...
这个描述涉及创建一个`WindowedApplication`,包含`Tile`、`HBox`、`Button`和`TextInput`。使用MXML和ActionScript编写,确保各组件的属性设置正确,然后在Button的点击事件中检查TextInput的输入,根据输入内容...
通过<mx:DataGridColumn/>可以自定义列的显示顺序和标题文字。 2. **创建自定义MXML组件**:MXML是基于XML的标记语言,用于定义Flex应用中的界面布局。通过编写MXML代码,开发者可以设计布局、放置组件,并编写与...
例如,如果设置了`<mx:Button x="10" y="10" label="button1"/>`,按钮将出现在距离容器左边界10像素、上边界10像素的位置。 **constraint-based模式**则允许使用边距、基线或中心锚点等约束条件来确定组件位置,...
- 在MXML中插入ActionScript时,需使用`<mx:Script>`标签,并且程序体需要用`<![CDATA[...]]>`包围。 - **导入对象**: - 在ActionScript中,可以使用`import`关键字导入类库,如`import com.example.ClassName`。 ...
快速创建MX和Spark组件。 如何使用 在VSCode中安装扩展 打开mxml文件,开始输入组件名称并选择代码段 注意:要在VSCode中创建Flex项目,请安装。 片段 AdvancedDataGrid BorderContainer Box MX Button Spark ...