I'm new to Flash 9/Flex AS3, but I know that in previous version of the
Flash player and actionscript, the draw API would draw directly on the
screen - in the indicated movieclip/sprite, so you would likely need to
instead draw into a sprite container and move than with the panels
instead of drawing directly on the canvas. My best guess anyway.
Jason Merrill
Bank of America
Global Technology & Operations, Learning & Leadership Development
eTools & Multimedia Team
________________________________
From: flexcoders@yahoogroups.com
[mailto:[EMAIL PROTECTED] On Behalf Of Mike Cantrell
Sent: Wednesday, March 07, 2007 2:07 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Drawing in a Scrollable Canvas
I'm attempting to make an Organization Chart component for Flex.
In short, I have a canvas which contains child panels These child panels
represent a position in the organization. I'm drawing lines (on the
canvas) between the panels to represent their relationship to each
other.
Everything works great until I scroll the canvas. The lines are
not drawn in relationship to their position in the canvas, but stay were
they are in relation to the screen. For example, if I scroll down, the
panels move up as they should, but the lines stay where they are which
breaks the "connections". I'd like to have them scroll upwards like the
panels do.
Due to my lack of experience with flash (and any graphics
programming for that matter), I may be ramming a square peg in a round
hole. Here's the panel code which recursively draws its lines to its
child panels:
public function
drawLinesToChildren(canvas:HierarchyCanvas):void {
var startPoint:Point = new Point(x + (width /
2), y + height); // adjust to bottom/center of the parent panel
for (var i:int = 0; i < children.length; i++) {
var child:HierarchyPanel = children[i];
var endPoint:Point = new Point(child.x,
child.y);
&! nbsp; endPoint = new Point(endPoint.x +
(child.width / 2), endPoint.y); // adjust top/center of the child panel
canvas.graphics.moveTo(startPoint.x,
startPoint.y);
canvas.graphics.lineTo(endPoint.x,
endPoint.y);
child.drawLinesToChildren(canvas);
}
}
If anyone could offer any suggestions, I'd be very grateful.
