joel's FLEX blog » box http://blog.desizen.com FLEX,网络安全,Linux Fri, 13 May 2011 02:18:31 +0000 en hourly 1 http://wordpress.org/?v=3.3 FLEX例子之box(定位盒子) http://blog.desizen.com/4lone/621.html http://blog.desizen.com/4lone/621.html#comments Tue, 24 Mar 2009 01:00:01 +0000 joel http://www.joelove.cn/?p=621 这个例子进行的是:Containers:
这个例子是用来展示定位用的hbox,vbox的例子,大家可以看看,比较简单.
简介:A 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>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/621.html/feed 2