Skip to content
Dec 11 /

Toggling the status bar on a WindowedApplication in Adobe AIR

, ,

In a previous post, “Displaying a status message on a WindowedApplication in Adobe AIR”, we saw how to set the status bar’s text by setting the status property on the WindowedApplication class.

The following example shows how you can toggle the status bar’s visibility by setting the showStatusBar property on the WindowedApplication in Adobe AIR.

Full code after the jump.

Download WindowedApplication_showStatusBar_test.zip

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/11/toggling-the-status-bar-on-a-windowedapplication-in-adobe-air/ -->
<mx:WindowedApplication name="WindowedApplication_showStatusBar_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        showStatusBar="{checkBox.selected}"
        status="WindowedApplication status text">
 
    <mx:ApplicationControlBar dock="true">
        <mx:Form>
            <mx:FormItem label="showStatusBar:">
                <mx:CheckBox id="checkBox" selected="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>
 
</mx:WindowedApplication>

windowedapplication_showstatusbar_test

You can also set the showStatusBar property using ActionScript, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/11/toggling-the-status-bar-on-a-windowedapplication-in-adobe-air/ -->
<mx:WindowedApplication name="WindowedApplication_showStatusBar_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        status="WindowedApplication status text">
 
    <mx:Script>
        <![CDATA[
            private function checkBox_change(evt:Event):void {
                application.showStatusBar = checkBox.selected;
            }
        ]]>
    </mx:Script>
 
    <mx:ApplicationControlBar dock="true">
        <mx:Form>
            <mx:FormItem label="showStatusBar:">
                <mx:CheckBox id="checkBox"
                        selected="true"
                        change="checkBox_change(event);" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>
 
</mx:WindowedApplication>
Filed under WindowedApplication

One Comment

leave a comment
  1. TobiasBeuving / Sep 23 2009

    If you want to disable the statusbar from an other container as the mx:WIndowedApplication you have to add an import statement for the Application:
    Like so:

    import mx.core.Application;

    Thanks for sharing!

    Cheers,
    T

    Reply
Leave a Comment