rdoyle720
07-24-2008, 02:27 PM
I'm VERY new to Flex. I copied and pasted some sample code that resizes an image. Very simple stuff.
To see how other controls reacted to the resizing, I placed a button under the image.
Before the image resizes, the button is about 5px away from the image. After the image resizes, the button is about 40px away from the image. From that point on, it stays about 40px away, even if I size the image down.
I'm not sure why this is happening. How can I get the position to stay consistent (5px away)?
<?xml version="1.0"?>
<!-- Simple example to demonstrate the Resize effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Resize id="expand" target="{img}" widthTo="250" heightTo="250"/>
<mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"/>
<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:Image id="img" source="@Embed(source='../assets/todd.jpg')"/>
<mx:Button label="Button"/>
<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>
To see how other controls reacted to the resizing, I placed a button under the image.
Before the image resizes, the button is about 5px away from the image. After the image resizes, the button is about 40px away from the image. From that point on, it stays about 40px away, even if I size the image down.
I'm not sure why this is happening. How can I get the position to stay consistent (5px away)?
<?xml version="1.0"?>
<!-- Simple example to demonstrate the Resize effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Resize id="expand" target="{img}" widthTo="250" heightTo="250"/>
<mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"/>
<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:Image id="img" source="@Embed(source='../assets/todd.jpg')"/>
<mx:Button label="Button"/>
<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>