flex sprite

<?xml version="1.0"?>
<!-- usingas/AddingChildrenAsUIComponents.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script><![CDATA[
        import flash.display.Sprite;
        import mx.core.UIComponent;
        private var xLoc:int = 20;
        private var yLoc:int = 20;
        private var circleColor:Number = 0xFFCC00;
        private function addChildToPanel():void {
            var circle:Sprite = new Sprite();
            circle.graphics.beginFill(circleColor);
            circle.graphics.drawCircle(xLoc, yLoc, 15);

            var c:UIComponent = new UIComponent();
            c.addChild(circle);
            panel1.addChild(c);
            
            xLoc = xLoc + 5;
            yLoc = yLoc + 5;
            circleColor = circleColor + 20;
        }
    ]]></mx:Script>
    <mx:Panel id="panel1" height="250" width="300" verticalScrollPolicy="off"/>
    <mx:Button id="myButton" label="Click Me" click="addChildToPanel();"/>
    
</mx:Application>