Add Child Element Appears Twice on Different Panels?

Question

Hi,
I am guessing that I must have done something wrong here. I
have two panels here that I have used a large amount of
Actionscript draw a diagram, and when the users finish making the
selections, it should bring users the result.
I have no problems with the result display of the first
panel, except that when the result changes to a different state,
the added child I attempt to add only to the second panel also gets
displayed on the first panel.
I have attached the entire code below, and I hope that
someone on the list could help me figure out what the problem is
here.
Thanks in advance.
Alice

Answer 1

"alice_data" <[email protected]> wrote in
message
news:[email protected]...
> Hi, Amy:
>
> Thanks for helping me figuring this out. The attached is
the code from
> my
> ShapesFactory.as
> What I have noticed is that if I shift around my
rectangle, if I shift
> my
> mx:AddChild element to
>
> <mx:AddChild relativeTo="{myCanvas4}"
position="lastChild">
> <mx:Label text="The answer to 5*4 is
{total_incidence}"
> id="text6" x="40.9" y="9.95" fontWeight="bold"
fontSize="12"/>
> </mx:AddChild>
>
> The text does show properly on the right tab, but if I
shift around the
> "rectangle," I do have the text hidden behind the
rectangle.
>
> Thanks again for your help.
>
> Alice
>
> // ActionScript file
>
> package {
>
> import flash.display.*;
>
> import mx.core.UIComponent;
>
> public class ShapesFactory extends Sprite
> {
> //some initial values
>
> public function Rectangle(x:int, y:int, width:int,
height:int,
> color:uint):UIComponent
> {
> var rect:UIComponent=new UIComponent();
> rect.graphics.lineStyle(1);
> rect.graphics.beginFill(color,2);
> rect.graphics.drawRect(x,y,width,height);
> rect.graphics.endFill();
> return rect;
> }
>
> }//class
> }//package
http://www.magnoliamultimedia.com/flex%5Fexamples/Alice/#
Also note that I slimmed down your ShapesFactory by making it
extend Object.
It doesn't need to extend Sprite.
Also note that with the way you're using it, I would probably
make it static
and would not instantiate it. Instead, I'd call the static
methods right
from the class:
package {
import flash.display.Graphics;
import mx.core.UIComponent;
public class ShapesFactory
//some initial values
public static function Rectangle(x:int, y:int, width:int,
height:int,
color:uint):UIComponent
var rect:UIComponent=new UIComponent();
rect.graphics.lineStyle(1);
rect.graphics.beginFill(color,2);
rect.graphics.drawRect(x,y,width,height);
rect.graphics.endFill();
return rect;
}//class
}//package
Then use it like this:
//don't put extra blank space in the UIComponent instead of
positioning it
myUIComponent = ShapesFactory.Rectangle(0, 0, 100, 30);
//position it here
myUIComponent.move(100, 100);
Also note that properties and methods of classes, by
convention, usually
start with lowercase letters, so you should consider renaming
the method
rectangle instead of Rectangle. By the same token, you shouls
consider
renaming the Result state to result.
HTH;
Amy