flex 页面全屏功能

1.主要用到了Application.application.stage.displayState当前状态

2.监听的事件为FullScreenEvent.FULL_SCREEN.

<?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>