Thanks Alex,that makes total sense. I'm going to start down that path
and see how far I get before I bug the list again. But first if I could
ask one more question, are those likely the only two UIComponent methods
I'll have to override in UIComponent to accomplish this?
Jason Merrill
Bank of America
GT&O L&LD Solutions Design & Development
eTools & Multimedia
Bank of America Flash Platform Developer Community
________________________________
From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf Of Alex Harui
Sent: Thursday, January 17, 2008 6:14 PM
To: [email protected]
Subject: RE: [flexcoders] Drawn objects acting as children to
components?
UIComponent. It must report valid measurements in order for
Panel to handle it correctly.
What you are doing is not object-oriented. Someone has probably
done it, but normally you'd create subclasses for each "kind" of widget.
On the other hand, if you know the bounds of your graphics, you can just
set the width/height of the UIComponent instance. Typical subclasses
might look like:
Class BoxGraphic extends UIComponent
{
Public var color:uint;
Override protected function commitProperties()
{
Graphics.beginFill(color)
...
}
Override protected function measure()
{
Var rect:Rectangle = getBounds();
measuredWidth = rect.width;
measuredHeight = rect.height;
}
}
________________________________
From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf Of Merrill, Jason
Sent: Thursday, January 17, 2008 3:03 PM
To: [email protected]
Subject: RE: [flexcoders] Drawn objects acting as children to
components?
Thanks. So you mean a subclass of UIComplonent or Panel? And
the bounds would be relative to Panel width and height? I sort of get
maybe how to write that, I mean, I know how to subclass components and
do method overriding, but not sure how to go about doing what your
suggesting exactly. Any pointers on where to start? I tried reading in
the helps about the guts of what makes up a panel component, but
couldn't finnd what I was looking for. What makes up the panel's
container area - is that a canvas component I can reference?
This seems somewhat elementary to RIA development - surely
someone has used UIComponent.graphics draw methods to draw in a Flex
app, but have the contents be constrained inside a component container
like a Panel. Surely I'm not the first, no?
Jason Merrill
Bank of America
GT&O L&LD Solutions Design & Development
eTools & Multimedia
Bank of America Flash Platform Developer Community
________________________________
From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf Of Alex Harui
Sent: Thursday, January 17, 2008 5:47 PM
To: [email protected]
Subject: RE: [flexcoders] Drawn objects acting as
children to components?
UIComponent does not map its width/height to the bounds
of what you draw. Therefore the Panel doesn't know that it has size and
doesn't correctly know when to clip it or how to layout according to its
size. You could write a subclass that does map width/height to those
bounds.
________________________________
From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf Of Merrill, Jason
Sent: Thursday, January 17, 2008 12:27 PM
To: [email protected]
Subject: [flexcoders] Drawn objects acting as children
to components?
Subject sums it up, but to clarify, I'm using the draw
API in AS#
(Sprite.graphics methods) to draw dynamically draw
objects in sprites
inside a panel holding a UIComponent:
i.e. networkBrowser.graphics.drawCircle(100, 100, 50);
and then in MXML:
<mx:Panel id="networkBrowserPanel" width="100%"
height="100%"
layout="absolute" title="Network" >
<mx:VBox horizontalAlign="left">
<mx:UIComponent id="networkBrowser" />
</mx:VBox>
</mx:Panel>
it works great. However, since the panel's width is
intentionally 100%
and height 100% so that when the browser window is
resized, the panel
resizes accordingly, the problem I have found with using
the draw
methods is that the objects that are drawn don't act
like children of
the Panel or Vbox components. For example, when you
resize the browser
and the panel re-sizes, the drawn graphics do not move-
in fact, if you
resize the panel enough, the graphics can appear OUTSIDE
the panel.
Also, naturally I would like the graphics to be masked
by the panel's
canvas, so that if the graphics are scaled up, they
don't appear outside
the Panel, and if there is a lot of graphics drawn which
extend outside
of the Panel's canvas, scrollbars will automatically
appear.
I can post an image if that helps to show the problem.
Thanks for any
help, I'm sure this has been covered before, but I
couldn't locate it in
the archives.
Jason Merrill
Bank of America
GT&O L&LD Solutions Design & Development
eTools & Multimedia
Bank of America Flash Platform Developer Community
