RE: [flexcomponents] Re: Components, Drawing API | No Width or Height?

[Gordon Smith]

Just curious... What's the point of having all these UIComponent
children? If all they're doing is drawing, could they be Shapes or
Sprites instead? And do you need children at all? You could simply draw
into MyComp's 'graphics'.

 

Gordon Smith

Adobe Flex SDK Team

 

________________________________

From: flexcomponents@yahoogroups.com
[mailto:[EMAIL PROTECTED] On Behalf Of greg h
Sent: Sunday, April 20, 2008 10:51 PM
To: flexcomponents@yahoogroups.com
Subject: Re: [flexcomponents] Re: Components, Drawing API | No Width or
Height?

 

Mike,

Thank you very much for your guidance.

I dug deeper and got the component fully functional.

Following is the cleaned up code.

Again, thanks for your prompt and authoritative response.

          Warmest regards,

          g


package 
{
    import flash.events.Event;
    
    import mx.core.UIComponent;
    import mx.events.FlexEvent;

    public class MyComp extends UIComponent
    {
        public var squareSize:uint = 10;
        public var squaresTotal:uint = 13;
        public var color:uint = 0xf8b34e;

        private var currentAlpha:Number = 1.0;
        private var square:UIComponent = new UIComponent();
        
                
        public function MyComp()
        {
            super();
            
        }
        
        override protected function measure():void 
        {
            super.measure();
    
            var width:Number = (squareSize*squaresTotal)+(
(0.25*squareSize)*(squaresTotal-1));
            measuredWidth=width;
            minWidth=width;
            measuredHeight=squareSize;
            minHeight=squareSize;
        }

        override protected function createChildren():void
        {
            super.createChildren();
            
            square.graphics.beginFill(color, 1);
            square.graphics.drawRect(0, 0, squareSize, squareSize);
            square.graphics.endFill();
            square.alpha = currentAlpha;
            this.addChild(square);
            for (var i:Number=1; i<(squaresTotal); i++)
            {
                square = new UIComponent();
                currentAlpha = 1.0 - (i * 1/squaresTotal) ;
                square.graphics.beginFill(color, 1);
                square.graphics.drawRect( (squareSize*1.25*i), 0,
squareSize, squareSize);
                square.graphics.endFill();
                square.alpha = currentAlpha;
                square.setActualSize(squareSize, squareSize);
                this.addChild(square);
            }
        }

    }
}