<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0">
<mx:Script>
[Bindable]
public var angle:int=0;
private function rotateImage() : void
{
angle += 45;
rotate.play();
}
</mx:Script>
<mx:Rotate id="rotate" angleFrom="{angle-45}" angleTo="{angle}" target="{img}" />
<mx:Panel title="Rotate Effect Demo" width="100%" height="100%" horizontalAlign="center">
<mx:Canvas id="canvas" width="100%" height="100%" verticalScrollPolicy="off">
<mx:Image id="img" x="{canvas.width/2 - img.width/2}" y="{canvas.height/2 - img.height/2}"
source="@Embed('../assets/products/Nokia_6630.png')"/>
</mx:Canvas>
<mx:ControlBar>
<mx:Button label="Rotate" click="rotateImage()"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>