Create popup window and center on the second screen

Mariush T. — Mon, 27 Apr 2009 00:06:32 +0000

Sometimes you need a way to create popup window from your application(WindowedApplication). In that case you could use code from my last post Center AIR Window on the screen. This code works just fine for windows(WindowedApplication and Window) running on the main screen. It wouldn’t work correctly in a case where main application(WindowedApplication) is running NOT on the main screen but on the second, third etc monitor. Below picture shows you just that, WindowedApplication is running on the second screen and popup window is center vertically and horizontally above it.


 xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 

    
        [CDATA[
            import mx.core.Application;
            import mx.core.Window;

            private function openPopupWindow():void
            {
                var alertWindow:Window = new Window();
                alertWindow.title = 'Alert Window';
                alertWindow.width = 400;
                alertWindow.height = 200;
                alertWindow.open();

                centerWindow(alertWindow);
            } 

            private function centerWindow(window:Window):void
            {
                var screenBounds:Rectangle = Screen.mainScreen.bounds;
                var nativeWindow:NativeWindow = window.nativeWindow;

                var mainNativeWindow:NativeWindow = Application.application.nativeWindow;
                for each(var screen:Screen in Screen.screens.reverse())
                {
                    if(mainNativeWindow.x > screen.bounds.x)
                    {
                        nativeWindow.x = mainNativeWindow.x +
                                             (mainNativeWindow.width - nativeWindow.width)/2;
                        nativeWindow.y = mainNativeWindow.y +
                                             (mainNativeWindow.height - nativeWindow.height)/2;
                    }
                    else
                    {
                        nativeWindow.x = (mainNativeWindow.width - nativeWindow.width)/2;
                        nativeWindow.y = (mainNativeWindow.height - nativeWindow.height)/2;
                    }
                } 

                nativeWindow.x = (screenBounds.width - nativeWindow.width)/2;
                nativeWindow.y = (screenBounds.height - nativeWindow.height)/2;
            }
        ]]>
    
     x="10" y="10" label="Open popup window"
        click="openPopupWindow()"/>

Center AIR Window on the screen

Mariush T. — Thu, 23 Apr 2009 16:45:56 +0000

You might have noticed that Window or WindowedApplication doesn’t load in the center of your screen. By default, window loads somewhere in the left side on your desktop. I personally think, that this is a bad user experience and you should always center window vertically and horizontally on screen. You can do this by setting window x coordinate to (screen.width – window.width)/2 and y coordinate to (screen.height – window.height)/2.


 xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    creationComplete="centerWindow(this)" viewSourceURL="srcview/index.html"> 

    
        [CDATA[
            import mx.core.Window;

            private function centerWindow(window:WindowedApplication):void
            {
                var screenBounds:Rectangle = Screen.mainScreen.bounds;
                var nativeWindow:NativeWindow  = window.nativeWindow;

                nativeWindow.x = (screenBounds.width - nativeWindow.width)/2;
                nativeWindow.y = (screenBounds.height - nativeWindow.height)/2;
            }
        ]]>

Mariush T. - Freelance Flex/PureMVC Developer - blog » Window

Create popup window and center on the second screen

Center AIR Window on the screen