Flex Control the rotating image using slider

In this example we have two sliders and a checkbox. One slider controls the rotation and the other controls the size of the image as the user adjusts the setting. The checkbox will hide or show the image.

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

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute">

<mx:HBox top="10” left="10">

<mx:HSlider minimum="−30” maximum="30” value="−10”

toolTip="Rotation”

change="myimg.rotation=event.currentTarget.value”

liveDragging="true” />

<mx:HSlider minimum="100” maximum="300” value="100”

toolTip="Size”

change="myimg.height=event.currentTarget.value”

liveDragging="true” />

<mx:CheckBox label="Visible” change="myimg.visible=

event.currentTarget.selected”

selected="true"/>

</mx:HBox>

<mx:Image id="myimg" source="@Embed('mypicture.jpg')"

height="100" top="60" left="30" rotation="−10">

<mx:filters>

<mx:DropShadowFilter />

</mx:filters>

</mx:Image>

</mx:Application>