<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

minWidth="955" minHeight="600">

<fx:Declarations>

<s:Bounce id="bounceEasing"/>

<s:Scale id="scale"

duration="500"

scaleXFrom="1.0"

scaleXTo="2.0"

scaleYFrom="1.0"

scaleYTo="2.0"

target="{vbox}"

easer="{bounceEasing}"/>

<s:Scale id="scaleresize"

duration="500"

scaleXFrom="2.0"

scaleXTo="1.0"

scaleYFrom="2.0"

scaleYTo="1.0"

target="{vbox}"

easer="{bounceEasing}"/>

</fx:Declarations>

<s:Panel title="Spark Scale effect Example"

chromeColor="#000000"

color="#CCCCCC"

width="398"

height="274">

<mx:ApplicationControlBar width="396"

horizontalAlign="center">

<s:Label text="Click on Buttons for showing the effect"

color="#000000"

fontFamily="Verdana"/>

</mx:ApplicationControlBar>

<mx:VBox id="vbox"

width="136"

height="81"

horizontalAlign="center"

verticalAlign="middle"

x="35" y="58"

backgroundColor="#555555"

borderStyle="solid">

<s:Button label="Scale"

id="btn"

cornerRadius="10"

fontFamily="Verdana"

click="{scale.end();scale.play();}"/>

<s:Button label="Scale Resize"

id="btn1"

cornerRadius="10"

fontFamily="Verdana"

click="{scaleresize.end();scaleresize.play();}"/>

</mx:VBox>

</s:Panel>