ApplicationControlBar应用

下面介绍  ApplicationControlBar 组件的使用. 新建MXML文件，命令为ApplicationControlBar.mxml。下面为此文件的详细代码。

<?xml version="1.0" encoding="utf-8"?>
<!-- verticalScrollPolicy 指定垂直滚动条是始终显示、始终不显示，还是在需要时自动添加。 值可以是 "on"、"off" 和 "auto"  -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml " layout="vertical" verticalAlign="top" horizontalAlign="center"
 backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" height="500" verticalScrollPolicy="off"
 fontFamily="Arial" fontSize="12"
 >
   <mx:Style>
        ApplicationControlBar{
            backgroundColor:#ACACAC;
            color: #323232;
        }
   </mx:Style>
  <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0">
    <mx:Label  text="停靠" fontWeight="bold" color="0x000000"/>
     <!--MenuBar 会解析XMLList 因为读取属性数据所以要用@,来标识读取的哪个属性 -->
    <mx:MenuBar id="myMenuBar" labelField="@label">
      <mx:XMLList>
        <menuitem  label="菜单A">
           <!--可以多选多个-->
           <menuitem label="A-1" type="check" />
           <menuitem label="A-2" type="check" />
        </menuitem> 
        <menuitem  label="菜单B"/>
        <menuitem  label="菜单C"/>
        <menuitem  label="菜单D">
              <!--只可以单选,其中的某一个--> 
           <menuitem label="D-1" type="radio"/>
           <menuitem label="D-2" type="radio"/>
           <menuitem label="D-3" type="radio"/>
        </menuitem>
      </mx:XMLList>
    </mx:MenuBar> 
  </mx:ApplicationControlBar>
<mx:Label text="上面ApplicationControlBar,因为设置了dock属性.此ApplicationControlBar会一直驻留在顶端" color="0xACACAC"/>

<mx:ApplicationControlBar width="60%">
    <mx:Label  text="正常" fontWeight="bold"  color="0x000000"/>
    <mx:Label  text="搜索" color="0x323232"/>
    <mx:TextInput width="80%" maxWidth="100"/>
    <mx:Spacer width="100%"/> 
    <mx:Button label="GO adobe.com" color="0x000000" /> 
</mx:ApplicationControlBar>
<mx:Label text="上面ApplicationControlBar,未设置了dock属性.此ApplicationControlBar可以在任何任置" color="0xACACAC"/>

</mx:Application>

下面为截图

 

多选

单选