Let’s go Full Screen with our Flex apps.  Thanks to the new Flash Player beta it
is so easy to do.
The following is a very simple sample of going full screen.  The only key point to
this is that it must be something that is triggered by user interaction.

YOU CAN NOT FORCE A USER INTO FULL SCREEN MODE.
ALSO, REMEMBER THAT THE KEYBOARD ENTRIES ARE NOT ALLOWED WHILE IN FULL SCREEN MODE.
Thanks to ohwhen for pointing this out. 

<?xml version=”1.0″ encoding=”utf-8″?>


<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
    backgroundGradientColors=”[#8080ff, #400040]“>
    <mx:Script>
        <![CDATA[
        import flash.display.StageDisplayState;


        private function toggle():void{
            if(fs.selected == true){
                this.goFullScreen();
            } else {
                this.exitFullScreen();
            }
        }


        private function goFullScreen():void {
               stage.displayState = StageDisplayState.FULL_SCREEN;
        }
        private function exitFullScreen():void {
               stage.displayState = StageDisplayState.NORMAL;
        }
        ]]>
    </mx:Script>


    <mx:Panel width=”100%” height=”100%” title=”Very Basic Full Screen Sample”
	layout=”absolute“>
        <mx:CheckBox label=”Full Screen” id=”fs” click=”this.toggle()”
	    horizontalCenter=”0” verticalCenter=”0“/>
    </mx:Panel>


</mx:Application>

You must also add a new <object> and <embed> tag parameter,
allowFullScreen

, to
their HTML. This parameter defaults to
false

, or not allowing full screen.
To allow full-screen, developers must set
allowFullScreen

to
true

in their
<object>/<embed> tags.

Right Click on application to view & download Source Code.

Run This Code

Note: you must new Beta Flash Player for this to work.

Rich

This entry was posted on Tuesday, October 17th, 2006 at 8:10 am and is filed under Flex 2, Tutorials. 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.