转载请保持文章完整性!
本文链接地址:http://blog.desizen.com/4lone/621.html
主页:joel's blog
这个例子进行的是Tourdeflex:Containers:Box
这个例子是用来展示定位用的hbox,vbox的例子,大家可以看看,比较简单.
简介:A Box container lays out its children in a single vertical column or a single horizontal row.
hbox:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html"> <mx:Panel title="HBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15" paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center"> <mx:Label width="100%" color="0x323232" textAlign="center" text="An HBox container with horizontally aligned children."/> <mx:HBox borderStyle="solid" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" color="0x707070"> <mx:Button label="Button 1"/> <mx:Button label="Button 2"/> <mx:Button label="Button 3"/> <mx:ComboBox /> </mx:HBox> </mx:Panel> </mx:Application>
vbox:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top" horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html"> <mx:Panel title="VBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15" paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center"> <mx:Label width="100%" color="0x323232" textAlign="center" text="An VBox container with vertically aligned children."/> <mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" color="0x707070"> <mx:Button label="Button 1"/> <mx:Button label="Button 2"/> <mx:Button label="Button 3"/> <mx:ComboBox /> </mx:VBox> </mx:Panel> </mx:Application>
标签：box, FLEX, TourDeFlex, 例子
回去我试试看，什么效果。
这个就是用来进行定位的,类似于div 可这个有横着的和竖着的区分