控制条布局容器

控制条布局容器

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="280" minHeight="240">
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
    
    <mx:Panel title="控制条示例" width="45%" height="35%" 
              paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" >
        <mx:HBox width="100%" height="100%">
            <mx:Text width="80%" color="blue"
                     text="在底部的控制条容器中可加入标签，计数器，空白，按钮等控件" />
        </mx:HBox>
        <mx:ControlBar>
            <mx:Label text="Quantity"/>
            <mx:NumericStepper/>
            <!-- 巧妙使用空白区域将按钮推到最右端 -->
            <mx:Spacer width="100%"/>
            <mx:Button label="按钮"/>
        </mx:ControlBar>            
    </mx:Panel>        
</s:Application>