アプリケーションのナビゲーションエレメントおよびコマンドへのアクセスを提供するコンポーネントを収容するために、ApplicationControlBar コンテナを使用します。例えば、エディタの ApplicationControlBar コンテナには、フォントの太さを設定するための Button コントロール、フォントを選択するための ComboBox コントロール、および編集モードを選択するための MenuBar コントロールを含めることができます。ApplicationControlBar は ControlBar クラスのサブクラスですが、ControlBar とは外観も操作性も異なります。

一般的に ApplicationControlBar コンテナは、次の例に示すように、アプリケーションの一番上に配置します。

ApplicationControlBar コンテナをアプリケーションの一番上にドッキングすると、アプリケーションの内容と共にスクロールされなくなります。

詳細については、『Adobe Flex リファレンスガイド』を参照してください。

ApplicationControlBar コンテナの作成

<mx:ApplicationControlBar> タグを使用して、MXML で ControlBar コントロールを定義します。MXML コードの他の場所（別のタグまたは ActionScript ブロック）のコンポーネントを参照する場合は、id 値を指定します。

ApplicationControlBar コンテナは、次のいずれかのモードに設定できます。

ドッキングモード 

バーは常に、アプリケーションの描画領域の最上部に表示されます。アプリケーションレベルのスクロールバーはいずれも、このコンテナには適用されません。したがって、このバーは常に表示可能領域の最上部に固定され、アプリケーションの幅一杯に拡張して表示されます。ドッキングした ApplicationControlBar コンテナを作成するには、コンテナの dock プロパティを true に設定します。

通常モード 

バーはアプリケーション上のどこにでも配置できます。他のすべてのコンポーネントと同様にサイズ設定および配置でき、アプリケーションと共にスクロールされます。dock プロパティを false に設定すると、ApplicationControlBar は固定されず、フローティングします。デフォルト値は false です。

次の例は、MenuBar を含む、ドッキング型の単純な ApplicationControlBar を持つアプリケーションを示しています。このアプリケーションには、アプリケーションサイズより大きな HBox コントロールも含まれます。アプリケーションをスクロールして HBox コントロールを下まで表示しても、ApplicationControlBar コントロールはスクロールされません。

<?xml version="1.0"?>
<!-- containers\layouts\AppCBarSimple.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
        ]]>
    </mx:Script>

    <mx:XMLList id="menuXML">
        <menuitem label="File">
            <menuitem label="New" data="New"/>
            <menuitem label="Open" data="Open"/>
            <menuitem label="Save" data="Save"/>
            <menuitem label="Exit" data="Exit"/>
        </menuitem>
        <menuitem label="Edit">
            <menuitem label="Cut" data="Cut"/>
            <menuitem label="Copy" data="Copy"/>
            <menuitem label="Paste" data="Paste"/>
        </menuitem>
        <menuitem label="View"/>
    </mx:XMLList>

    <mx:Array id="cmbDP">
        <mx:String>Item 1</mx:String>
        <mx:String>Item 2</mx:String>
        <mx:String>Item 3</mx:String>
    </mx:Array>

    <mx:ApplicationControlBar id="dockedBar" 
        dock="true">
        <mx:MenuBar height="100%" 
            dataProvider="{menuXML}" 
            labelField="@label" 
            showRoot="true"/>
        <mx:HBox paddingBottom="5" 
            paddingTop="5">
            <mx:ComboBox dataProvider="{cmbDP}"/>
            <mx:Spacer width="100%"/>
            <mx:TextInput id="myTI" text=""/>
            <mx:Button id="srch1" 
                label="Search" 
                click="Alert.show('Searching')"/>
        </mx:HBox>
    </mx:ApplicationControlBar>
    
    <mx:TextArea width="300" height="200"/>
</mx:Application>
前の例で実行する SWF ファイルは以下のとおりです。