I am loading an image into an image component dynamically on component
creation. The images are all different sizes for each instantiation of this
component. I am trying to set the size of the component to match the size of
the image. I have tried a couple of ways, and am now doing it with the
attached code.

However, the object is always larger than the image, which is causing me
problems. I have tried removing the minHeight/minWidth, but then nothing shows
at all. Any ideas appreciated, this is the last bug I have to fix...



<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()"
minWidth="200" minHeight="200" creationPolicy="all">
<mx:Script>
<![CDATA[
...

private function init():void {
itemImage.source = filePath;
itemImage.addEventListener(FlexEvent.DATA_CHANGE, setSize);
}

private function setSize():void {
this.width = itemImage.measuredWidth;
this.height = itemImage.measuredHeight;
}

...
]]>
</mx:Script>

<mx:Image id="itemImage" />

</mx:Canvas>

Is the image loaded when you try to access itemImage.measuredWidth or height?

"Handycam" <webforumsuser@macromedia.com> wrote in message
news:ge7f06$mvi$1@forums.macromedia.com...
>I am loading an image into an image component dynamically on component
> creation. The images are all different sizes for each instantiation of
> this
> component. I am trying to set the size of the component to match the size
> of
> the image. I have tried a couple of ways, and am now doing it with the
> attached code.
>
> However, the object is always larger than the image, which is causing me
> problems. I have tried removing the minHeight/minWidth, but then nothing
> shows
> at all. Any ideas appreciated, this is the last bug I have to fix...

This doesn't completely address your problem, but might help with the layout
problems you're having:

http://flexdiary.blogspot.com/2007/1...roperties.html

HTH;

Amy

I forgot to mention that I don't believe that the measuredWidth/Height or the
width/height is available at the complete event time.

You would either use contentWidth / contentHeight or use
var r : Rectangle = imageItem.getRect(imageITem) to get the dimensions.

Thanks mHartnett, that was it!

In the init function, changed the event listener to:
itemImage.addEventListener(Event.COMPLETE, setSize);

And then the handler:

private function setSize(e:Event):void {
this.width = itemImage.contentWidth;
this.height = itemImage.contentHeight;
}

Made my day!