AIR ContextWindow

Looking for an easy way to add window controls as a context menu to your AIR windows? Try my new ContextWindow class.

OK, so this is not rocket science by any means, it is just a class that extends mx.core.Window and creates a NativeMenu within the constructor and assigns it to the contextMenu property. To use it, simply download the class and create an instance of it just as you would with the regular Window class.

Here is a sample application file:

<?xml version="1.0" encoding="utf-8"?>

<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" 

    layout="absolute">

    <mx:Script>

        <![CDATA[

            import com.everythingflex.air.components.ContextWindow;

            private function createWindow():void{

                var w:ContextWindow = new ContextWindow();

                w.width=200;

                w.height=100;

                w.open();

            }

        ]]>

    </mx:Script>

    <mx:Button click="createWindow()" label="Create Wndow"

     horizontalCenter="0" verticalCenter="0"/>

</mx:WindowedApplication>

Here is the ContextWindow.as class file:

package com.everythingflex.air.components

{

    import flash.display.NativeMenu;

    import flash.display.NativeMenuItem;

    import flash.events.Event;

    import mx.core.Window;

    public class ContextWindow extends Window

    {

        public function ContextWindow():void{

            super();

            createMenu();

        }

        private function createMenu():void{

          var mainMenu:NativeMenu = new NativeMenu();

                var minimizeMenu:NativeMenuItem = new NativeMenuItem("Minimize");

                var maximizeMenu:NativeMenuItem = new NativeMenuItem("Maximize");

                var restoreMenu:NativeMenuItem = new NativeMenuItem("Restore");

                var closeMenu:NativeMenuItem = new NativeMenuItem("Close");

                minimizeMenu.addEventListener(Event.SELECT, handleMenuClick);

                maximizeMenu.addEventListener(Event.SELECT, handleMenuClick);

                restoreMenu.addEventListener(Event.SELECT, handleMenuClick);

                closeMenu.addEventListener(Event.SELECT, handleMenuClick);

                mainMenu.addItem(minimizeMenu);

                mainMenu.addItem(maximizeMenu);

                mainMenu.addItem(restoreMenu);

                mainMenu.addItem(closeMenu);

                this.contextMenu=mainMenu;;

         }

         private function handleMenuClick(e:Event):void{

          var menuItem:NativeMenuItem = e.target as NativeMenuItem;

                if(menuItem.label == "Minimize") this.minimize();

                if(menuItem.label == "Maximize") this.maximize();

                if(menuItem.label == "Restore") this.restore();

                if(menuItem.label == "Close") this.close();

         }

    }

}

This entry was posted on Thursday, October 18th, 2007 at 9:14 am and is filed under Adobe AIR (Apollo), Components. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

4 Responses to “AIR ContextWindow”

swingguy Says:
October 19th, 2007 at 9:33 pm
public class ContextWindow extends Window

but why:
ContextWindow can’t find open();
everythingflex Says:
October 22nd, 2007 at 12:32 pm
Not sure, this works fine for me:

var w:ContextWindow = new ContextWindow();
w.open();
Dean Verkühlen Says:
December 10th, 2007 at 2:28 pm
Thank you for the comprehensive description and the free information.
Best regards from http://www.webtechnik.net!
Mirko Says:
December 12th, 2007 at 11:38 am
Thanks for all the different interesting articles. We like
to visit your website and the diverse postings.

M	T	W	T	F	S	S
« Sep				Nov »
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31