ActionScript Class wont work ?

Question

Hi all,
Probbally being stupid but only Just started Flex, If I
create a ActionScript project my class runs fine and draws a red
circle on screen. If I try creating a MXML project, create a
separate file for the ActionScript and then call it from the main
file it doesnt draw the circle ?
code for circle is :>
quote:
package {
import flash.display.Sprite;
public class animation2 extends Sprite
public function animation2()
graphics.beginFill(0xff0000);
graphics.drawEllipse(100, 100, 100, 100);
graphics.endFill();
Can anyone tell me what I have to do to be able to call/run
this through a MXML project ?
Cheers

Answer 1

This code seems to work, but for some reason the circle is
smaller than if it is drawn in an AS app. I hope someone can shed
light on this:
package components {
import mx.core.UIComponent;
import flash.display.Sprite;
public class ASCircle1 extends UIComponent
public function ASCircle1()
graphics.beginFill(0xff0000);
graphics.drawEllipse(100, 100, 100, 100);
graphics.endFill();
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
initialize="init()">
<mx:Script>
<![CDATA[
import components.ASCircle1;
private var myCircle:ASCircle1;
private function init():void {
myCircle = new ASCircle1();
addChild(myCircle);
]]>
</mx:Script>
</mx:Application>