How to make a part of the stage full screen

Follow Adobe Cookbooks on Twitter

Avg. Rating 4.0

Tags:

Problem

Setting displayState of the Stage to full screen will have the entire application scaled to full screen. Sometimes you just want a part of the application to be full screen and not the entire application.

Solution

Use the fullScreenSourceRect property of the Stage

Detailed explanation

You can do this by using fullScreenSourceRect property of Stage. This property is Rectangle type, you can define the rectangular area you want to scale to full screen. If you set the displayState of the Stage to full screen after defining the rectangular area to scale, only the rectangular area will be scaled to full screen.

Please find details on how to display a video in full screen at this URL http://help.adobe.com/en_US/ActionScript/3.0_ProgrammingAS3_Flex/WS44B1892B-1668-4a80-8431-6BA0F1947766.html

Sample:

private function partFullScreen():void

{

this.stage.fullScreenSourceRect = new Rectangle(vBox.x,vBox.y,vBox.width,vBox.height);

this.stage.displayState = StageDisplayState.FULL_SCREEN;

}