Hi, The original question of this long thread was 'Why can't I get the mx.controls.Image component to display correct in a UIComponent wrapper".
The easy answer to this all is, UIComponent's updateDislayList() method does NO sizing of it's children. This is what containers do, using whatever layout algorithm you give them. Unless you subclass and override measure() and updateDisplayList() in UIComponent, you WILL NEVER get an Image component to be show. This is because nothing is calling setActualSize() on the UIComponent's child... the Image component. Lang story short, this will never work, create a 'light' container impl that measures and sizes you UIComponent children or use a Box or Canvas. Mike On Fri, Aug 1, 2008 at 12:12 PM, Laurent Cozic <[EMAIL PROTECTED]> wrote: > I didn't read the other replies, but in general I think it's not a good > idea to add a Flex component to a non-Flex object. You might be able to get > it to work by simulating the framework workflow - for example, by manually > calling all the "invalidateXX" methods, however it's not a very clean > approach. > > In this case, a better way would be to directly create an instance of your > embedded object and add it to the display list. I think the syntax would be: > > var image:BitmapAsset = new _moveGroupImage() as BitmapAsset ; > this.addChild(image); > > > -- > Laurent Cozic > > Flash, Flex and Web Application development > http://pogopixels.com > > ----- Original Message ---- > From: "Merrill, Jason" <[EMAIL PROTECTED]> > To: [email protected] > Sent: Friday, August 1, 2008 4:57:36 PM > Subject: [flexcoders] Re: problem adding images to UIComponents using AS3 > > OK, let me back up here. First, thanks to those who responded. So I > thought by isolating my problem with an example (heck, I'm not even using > Canvas) it would shed light on why this bug is occuring, but it isn't > unfortunately, I'm more or less confusing the real problem with y'all. > Sorry. So maybe what I thought was the problem was instead something else. > > > Here is my actual project code, and a description of the setup. The > problem is, the image is not getting attached to the sprite, even though the > sprite is showing up in the display list just fine (the graphics draw from > code - but the image doesn't show). I know the path to the image is right, > I can use the same embed and new Image() code elsewhere in my app to make > the image appear. Here is the code and the setup in the application: > > package com.venice.view. network.grouping Tool > { > import flash.display. Sprite; > import mx.controls. Image; > > public class GroupHandle extends Sprite > { > public var id:int; > > public const FILL_COLOR:uint = 0xffffff; > public const FILL_ALPHA:Number = .5; > public const STROKE_COLOR: uint = 0x000000; > public const STROKE_THICKNESS: Number = 1; > public const STROKE_ALPHA: Number = 1.0; > public const SIZE:Number = 10; > > [Embed(source = "/media/icons/ control_repeat_ blue.png")] > [Bindable] > private var _moveGroupImage: Class; > > public function GroupHandle( ):void > { > //this works: > graphics.clear( ); > graphics.lineStyle( STROKE_THICKNESS , > STROKE_COLOR, STROKE_ALPHA) ; > graphics.beginFill( FILL_COLOR, FILL_ALPHA); > graphics.drawRect( -(SIZE/2) , -(SIZE/2), SIZE/2, > SIZE/2); > graphics.endFill( ); > > //this doesn't: > var icon:Image = new Image(); > icon.source = _moveGroupImage; > addChild(icon) ; > } > } > } > > This class, GroupHandle. as, which extends Sprite, is added in the display > list in my application as follows: > > *Application* (main MXML) > *network* (Panel based MXML component) >* > groupsLayerUI* (a UIComponent, necessary because it's added to a Panel > container) >*groupingTool* (.as class that extends Sprite) >*groupHandle*(.as > class that extends Sprite) > > The groupsLayerUI UIComponent seems to be fine holding other content, and > even in the groupHandle, it renders drawn graphics just fine. Just not the > image. Even if I size the UIComponent, it doesn't work. It's not making any > sense to me why this image doesn't appear in this sprite, even though it > will appear in other places in my app, and even though other graphics in the > sprite appear fine. I thought maybe it had something to do with also > drawing on the same sprite, but that's not it either, I removed that code > and it still fails to load the embedded image. Can someone figure out what > could be wrong? Thanks. > > Jason Merrill > ***Bank of America * > Enterprise Technology & Global Risk L&LD > Instructional Technology & Media > > *****Join the Bank of America Flash Platform Developer Community* > > *Are you a Bank of America associate interested in innovative learning > ideas and technologies? > Check out our internal * *****GT&O Innovative Learning Blog****** &* ***** > subscribe*. > > > > -- Teoti Graphix, LLC http://www.teotigraphix.com Teoti Graphix Blog http://www.blog.teotigraphix.com You can find more by solving the problem then by 'asking the question'.
