2 Replies Latest reply on Aug 25, 2010 12:15 AM by hdave123

    Add full screen button to app?

    hdave123 Level 1

      Anyone know the action script methods I could use in a click handler to have an application goto full screen?

        • 2. Re: Add full screen button to app?
          BhaskerChari Level 4

          Hi Hdave,

           

          Check out the below code...

           

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

          <!-- http://blog.flexexamples.com/2007/08/07/creating-full-screen-flex-applications/ -->

          <mx:Application

           

           

          name="FullScreen_test"

          xmlns:mx="

          http://www.adobe.com/2006/mxml"

          layout="

          vertical"

          applicationComplete="init(event)"

          >

           

           

           

          <mx:Script>

          <![CDATA[

           

           

          import flash.display.StageDisplayState;

           

           

          private function init(evt:Event):void {

           

          /* Set up full screen handler. */

          Application.application.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenHandler);

          dispState = Application.application.stage.displayState;

          }

           

           

           

          private function fullScreenHandler(evt:FullScreenEvent):void {

          dispState = Application.application.stage.displayState +

          " (fullScreen=" + evt.fullScreen.toString() + ")";

           

          if (evt.fullScreen) {

           

          /* Do something specific here if we switched to full screen mode. */

          }

          else {

           

          /* Do something specific here if we switched to normal mode. */

          }

          }

           

           

          private function toggleFullScreen():void {

           

          try {

           

          switch (Application.application.stage.displayState) {

           

          case StageDisplayState.FULL_SCREEN:

           

          /* If already in full screen mode, switch to normal mode. */

          Application.application.stage.displayState = StageDisplayState.NORMAL;

           

          break;

           

          default:

           

          /* If not in full screen mode, switch to full screen mode. */

          Application.application.stage.displayState = StageDisplayState.FULL_SCREEN;

           

          break;

          }

          }

          catch (err:SecurityError) {

           

          // ignore

          }

          }

          ]]>

           

          </mx:Script>

           

           

          <mx:String id="dispState" />

           

           

          <mx:Label text="width={Application.application.width}" />

           

          <mx:Label text="height={Application.application.height}" />

           

          <mx:Label text="displayState={dispState}" />

           

           

          <mx:Button label="Toggle fullscreen" click="toggleFullScreen()" />

           

          </mx:Application>

           

          Thanks,

          Bhasker

          1 person found this helpful