Toggling the status bar on a WindowedApplication in Adobe AIR

by Peter deHaan on December 11, 2008 · 1 comment

in WindowedApplication

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>

{ 1 comment… read it below or add one }

1 TobiasBeuving 09.23.09 at 4:49 am

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

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Previous post:

Next post: