Invoking AS3 class from MXML

programming flash
1

Hi, Can anyone explain why the following code doesn’t work and how to fix it? (it produces no output on the stage). I’m using Flex SDK & FlashDevelop. Cheers.

MXML:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:view="*" layout="absolute">
   <view:Level />
</mx:Application>

AS3:


package
{
    import flash.display.Sprite;
    import mx.containers.Canvas;
    import mx.controls.Image;

    public class Level extends Canvas
    {
        public function Level ()
        {
            super();

            var myCanvas:Canvas = new Canvas();
            var myContainer:Image = new Image();
            var mySprite:Sprite = new Sprite();

            mySprite.x = 10;
            mySprite.y = 10;
            mySprite.graphics.beginFill( 0xFFFFFF );
            mySprite.graphics.drawCircle( 0, 0, 5 );
            mySprite.graphics.endFill();

            myCanvas.addChild(myContainer);
            myContainer.addChild(mySprite);
            myContainer.width=100;
            myContainer.height=100;
        }
    }

}