<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
paddingTop="20" paddingLeft="20" paddingRight="20">
<fx:Script>
[Bindable] private var l:String;
</fx:Script>
<s:states>
<s:State name="landscape"/>
<s:State name="portrait"/>
</s:states>
<s:addedToStage>
l = "Device Orientation = " + stage.deviceOrientation;
stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, function(event:StageOrientationEvent):void {
l = "Device Orientation = " + stage.deviceOrientation;
});
</s:addedToStage>
<s:Label text="{l}"/>
<s:Button label="go landscape">
<s:click>
stage.setAspectRatio(StageAspectRatio.LANDSCAPE);
</s:click>
</s:Button>
<s:Button label="go portrait">
<s:click>
stage.setAspectRatio(StageAspectRatio.PORTRAIT);
</s:click>
</s:Button>
</s:VGroup>