<?xml version="1.0"?>
  <!-- Simple example to demonstrate the TweenEffect class. -->
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  
      <mx:Script>
          <![CDATA[
          
              import mx.events.TweenEvent;
  
              // Event handler for the tweenUpdate and tweenEnd effects.            
              private function tweenUpdateHandler(event:TweenEvent):void {
                  // Access current width of the image.
                  currentWidth.text="Current width (in pixels): " + String(event.value[0]);
              }
  
              // Event handler for the reset button.            
              private function resetHandler():void {
                  expand.end(); 
                  img.width=30; 
                  currentWidth.text="Current width (in pixels): 30";                
                  img.height=60; 
                  button1.enabled=true;
              }
          ]]>
      </mx:Script>
  
      <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" 
          duration="10000" 
          tweenUpdate="tweenUpdateHandler(event);" 
          tweenEnd="tweenUpdateHandler(event);"/>
  
      <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
          paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
  
          <mx:Text width="100%" color="blue" 
              text="Use the Button controls to resize the image."/>
  
          <mx:HBox width="100%">
              <mx:Image id="img" width="30" height="60"
                  source="@Embed(source='explorer-effects-assets-Nokia_6630.png')"/>
              <mx:Text id="currentWidth" height="20" width="100%"/>     
          </mx:HBox>
              
          <mx:ControlBar>
              <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
              <mx:Button label="Pause" click="expand.pause();"/>
              <mx:Button label="Resume" click="expand.resume();"/>
              <mx:Button label="Reverse" click="expand.reverse();"/>
              <mx:Button label="End" click="expand.end();"/>
              <mx:Button label="Reset" click="resetHandler();"/>
          </mx:ControlBar>
          
      </mx:Panel>
  </mx:Application>