flex组件学习2-Box-VBox-HBox

我用的flex builder->help->help-content->Adobe flex 3 help中学习的东西

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<!--Box的子类 ControlBar, DividedBox, Grid, HBox, NavBar, VBox
	 
	 direction指定布局方式是垂直还是水平 默认（veriacal 垂直的），horizontal是水平的
	 
	 VBox (vertical box) and HBox (horizontal box)
	 
	 -->
	 <!--DividedBox同Box用法差不多，只不过多加了分割符号-->
	<mx:DividedBox visible="false">
		
	</mx:DividedBox>
	<mx:Box direction="vertical" 
        borderStyle="solid" 
        paddingTop="10" 
        paddingBottom="10" 
        paddingLeft="10" 
        paddingRight="10" y="10">

        <mx:Button id="fname" label="Button 1"/>
        <mx:Button id="lname" label="Button 2"/>
        <mx:Button id="addr1" label="Button 3"/>
        <mx:ComboBox id="state">
              <mx:ArrayCollection>
                 <mx:String>ComboBox 1</mx:String>
              </mx:ArrayCollection>         
        </mx:ComboBox>
    </mx:Box>
	<!--VBox即 veriacal Box 垂直的Box-->
	<!--VDividedBox(veriacal divided box) 同vbox差不多-->
	<mx:VDividedBox visible="false">
		
	</mx:VDividedBox>
	
	<mx:VBox borderStyle="solid" 
        paddingTop="10"
        paddingBottom="10" 
        paddingLeft="10" 
        paddingRight="10" x="306" y="10">
        
        <mx:Button id="fname1" label="Button 1"/>
        <mx:Button id="lname1" label="Button 2"/>
        <mx:Button id="addr11" label="Button 3"/>
        <mx:ComboBox id="state1">
              <mx:ArrayCollection>
                 <mx:String>ComboBox 1</mx:String>
              </mx:ArrayCollection>         
        </mx:ComboBox>
    </mx:VBox>
	<!--Hbox即 horizontal box 水平Box-->
	
	<!--HDividedBox 跟Hbox差不多  Divided（分开的） horizontal divided box-->
	<mx:HDividedBox visible="false">
		
	</mx:HDividedBox>
	<mx:HBox borderStyle="solid" paddingTop="10"
        paddingBottom="10" 
        paddingLeft="10" 
        paddingRight="10" x="57" y="233">
        
        <mx:Button id="fnam2" label="Button 1"/>
        <mx:Button id="lname2" label="Button 2"/>
        <mx:Button id="addr12" label="Button 3"/>
        <mx:ComboBox id="state2">
              <mx:ArrayCollection>
                 <mx:String>ComboBox 1</mx:String>
              </mx:ArrayCollection>         
        </mx:ComboBox>
		
	</mx:HBox>
	
	<!--同Box用法差不多，只不过多加了分割符号-->
	<mx:DividedBox visible="false">
		
	</mx:DividedBox>
	
</mx:Application>