[flexcoders] How to make the effect smooth

[ilikeflex]

Hi

I am using the below sample to increase the width and height but i want that 
the text should also transit smoothly. 

Any pointers???


<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Zoom effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";>

    
    <mx:Parallel id="expand" target="{textBox}">
        <mx:AnimateProperty property="scaleX" fromValue="1" toValue="2" 
duration="2000" />
        <mx:AnimateProperty property="scaleY" fromValue="1" toValue="2" 
duration="2000" />
    </mx:Parallel>

     <mx:Parallel id="contract" target="{textBox}">
        <mx:AnimateProperty property="scaleX" fromValue="2" toValue="1" 
duration="2000" />
        <mx:AnimateProperty property="scaleY" fromValue="2" toValue="1" 
duration="2000" />
    </mx:Parallel>


    <mx:Panel title="Zoom Effect Example" width="95%" height="95%" 
horizontalAlign="center"
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
                <!--
                <mx:HBox backgroundColor="blue" width="75" id="textBox">
                        <mx:Text width="100%" color="0xFFFFFF" 
fontWeight="bold" text="1234567890"/>    
                </mx:HBox>
        -->
                <mx:TextInput backgroundColor="blue" fontWeight="bold" 
color="0xFFFFFF" id="textBox" text="1234567890">
                        
                </mx:TextInput>
                <mx:ControlBar>
            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
            <mx:Button label="Contract" click="contract.end(); 
contract.play();"/>
        </mx:ControlBar>


    </mx:Panel>
</mx:Application>

Thanks
ilikeflex