Form 表单布局

表格容器是弯曲表单中处于最外层的容器，负责控制表单的大小，以及布局，通常表单中都是垂直布局，并且靠左对齐的。这个容器可以包含表单标题以及FormItem。举个简单的例子。-容器\布局\ formcomplete。mxml-MX : APPLication xmlns : MX=' http://www。土坯房。com/2006/mxml ' MX :脚本！[CData[私有函数提交表单(:无效){//处理表单提交}]/MX :脚本tmx :表单id=“我的表单”宽度=“400”MX :表单标题标签='计费信息/mx:FormItem标签='名字MX : text input id=' fname ' width=' 100% '//MX : formitem x : formitem标签='姓氏MX : text input id=' lname ' width=' 100% '//MX : formitem/MX : form/MX :应用程序效果图

Grid布局

网格通过网格的方法来放置组件，其实是把组件作为横纵方向的一个单元来实现的mx:Grd。来创建一个格子容器mx:GridRow卓尔。创建每一行，但是这个标记必须是mx:Grd子标记。同样利用mx:GridItem可以创建每一行中的单元组件，而且这个标记也必须为mx:GridRow卓尔卓尔子标记。可扩展标记语言版本='1.0 '?-容器\布局\ Grid5按钮。mxml-MX : APPLication xmlns : MX=' http://www。土坯房。com/2006/mxml ' MX :网格id='我的网格'！-定义第一行. MX-: GridDrew id='第1行'！-定义第一行的第一个单元格- mx:GridItemmx:Button标签='按钮1 '/MX : griditemm x :按钮标签=' 2 '/MX : griditemm x 3360 Button标签='按钮3 '/MX : grid itemm x 3360 grid itemm x : grid itemm x : Button标签='按钮3a '/MX : griditemm x :-定义第2行. MX-: GridDrew id='第2行'！-定义单个单元格以跨越第2行的三列-MX : grid item ColSPan=' 3 ' horizontalign=' center ' MX : Button label=' Long-Named Button 4 '/MX : grid item/MX : gri卓尔！-定义第3行. MX-: GridDrew id='第3行'！-定义第3行的第一个空单元格- mx:GridItem/！-定义跨第3行第2列和第3列的单元格-MX : grid item ColSPan=' 2 ' horizontalign=' center ' MX : Button label=' Button 5 '/MX : grid item/MX : gri卓尔/MX :网格/MX :应用程序如图

Panel 容器

这个就比较简单了面板具有画布HBox VBox的所有功能，如果面板的布局属性值为绝对的则面板对子级元素的布局方式和帆布一样当为水平的时则相当于水平布局为垂直的时则相当于虚拟机并且可以为面板指定标题。可扩展标记语言版本='1.0 '?-容器\布局\ t设计。mxml-MX :应用程序xmlns : MX=' http://www。土坯房。com/2006/mxml ' MX : Panel title=' Panel layout ' width=' 100% ' height=' 100% ' MX :标签名称='标签1 '/MX :按钮标签='按钮1 '/MX : Panel/MX :应用程序效果如图

TitelWindow容器

标题窗口继承自面板，与面板相比，它只多了一个对象，那就是关闭按钮，通过标题窗口关闭事件触发该按钮的单击事件它并不会自动将标题窗口本身关闭，而是通过我们为该事件所写的代码决定。可扩展标记语言版本='1.0 '?-容器\布局\ t设计。mxml-MX : APPLication xmlns : MX=' http://www。土坯房。com/2006/mxml ' MX :脚本！[CData[导入MX。控件。警惕；私有函数closeEvent(): void { alert。显示('您单击关闭、‘关闭’)；}]/MX :脚本MX : Title窗口Title=' Title '宽度=' 100% '高度=' 100% ' showCloseButton=' true ' close=' closeEvent()' MX : Button标签='按钮'/MX :标题窗口/MX :应用程序效果如图

Title layout 容器

所有的蒂特尔容器中的单元组件都是具有相同大小尺寸的。这与格子容器明显不一样了。这样就会出现这种情况，比如拟定每一行放置3个组件，你刚好有七个组件，那么就会分成3行放置，这样的话，最后一行就只有组件了标题容器就具有这个特点。可扩展标记语言版本='1.0 '?-容器\布局\ tilesimple。mxml-MX :应用程序xmlns : MX=' http://www。土坯房。com/2006/mxml ' MX :文件id='myFlow '方向='水平' border style=' solid ' padding top=' 10 ' padding bottom=' 10 ' padding right=' 10 ' padding left=' 10 ' VerticalGap=' 15 '水平间隙=' 10 ' mx3效果如图