flex的事件响应体会4--degrafa绘图的事件机制探索

继续体会1中的目标
移动canvas上的多个surface中的一个，通过eventcanvas调用testmouseevent。只有当鼠标按在“动”字上，或按在矩形框上才能触发鼠标的MouseEvent.MOUSE_DOWN事件，按在surface的任何空白处都没有作用。继续探索在surface上任意位置 按下鼠标如何响应事件......
testmouseevent.as代码如下

package eventtest
{

       import com.degrafa.GeometryGroup;
       import com.degrafa.GraphicText;
       import com.degrafa.Surface;
       import com.degrafa.geometry.RegularRectangle;
       import com.degrafa.paint.SolidStroke;
      
       import flash.events.MouseEvent;
       import flash.geom.Matrix;
       import flash.geom.Point;
       import mx.controls.Alert;
public class testmouseevent extends Surface
{
[Bindable]
    public var WhiteStroke:SolidStroke = new SolidStroke();
protected var eachcolggw:GeometryGroup = new GeometryGroup();//每个列都需要一个gg,一个边框矩形
    protected var eachcolrecw:RegularRectangle;
private var isMouseDown:Boolean = false;

       private var frompoint:Point=new Point;
       private var topoint:Point =new Point;
public function testmouseevent()
{
                        super();
                    addEventListener(MouseEvent.MOUSE_DOWN, OnMouseDown);
                    addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);
                    addEventListener(MouseEvent.MOUSE_MOVE, OnMouseMove);
/*                     addEventListener(MouseEvent.MOUSE_UP, OnMouseUp);
                    addEventListener(MouseEvent.MOUSE_OVER, onMouseIn); */
        }
     public function  loadevent():void
      {
      eachcolggw.x = 0;
        eachcolggw.y = 10;
        eachcolggw.height=1000;
        eachcolrecw= new RegularRectangle(0, 0,100, 1000);
        eachcolrecw.stroke = WhiteStroke;
        eachcolggw.geometryCollection.addItem(eachcolrecw);
        var gt:GraphicText=new GraphicText;
        gt.text='动';
        gt.x=0;
        gt.y=2;
        eachcolggw.addChild(gt);
        eachcolggw.target = this;
         eachcolggw.addEventListener(MouseEvent.CLICK,this.ggclick);
/*         eachcolggw.addEventListener(MouseEvent.MOUSE_OVER,this.onMouseIn);
        eachcolggw.addEventListener(MouseEvent.MOUSE_OUT,this.onMouseOut);  */
      }   
public function ggclick(event:MouseEvent):void
{
Alert.show("click gg");

}
    //鼠标移动响应事件
   public function OnMouseMove(event:MouseEvent):void
    {
        //如果鼠标左键按下
     if (isMouseDown)
        {
            //计算移动距离并更新矩阵
            topoint.x= event.stageX;
            topoint.y= event.stageY;
            var finalm:Matrix= new Matrix;
            finalm.tx = topoint.x; //- frompoint.x;
            finalm.ty =  topoint.y; //- frompoint.y;
            this.transform.matrix=finalm;
           
         trace(finalm.tx);
        }
        //trace("MOUSE move surface");
        trace("MOUSE move surface");
    }
    //鼠标抬起响应事件
    public function OnMouseUp(event:MouseEvent):void
    {
        //如果鼠标左键按下
      if (isMouseDown)
        {
            topoint.x= event.stageX;
            topoint.y= event.stageY;
            isMouseDown = false;
           trace(topoint.x);
         
           //Alert.show(topoint.x.toString());
        }
         trace("MOUSE up surface");
    }
        protected function onMouseIn(even:MouseEvent):void
    {
//          if(even.currentTarget is GeometryGroup)
            if(even.currentTarget is Surface)
             WhiteStroke.color=0x00ff00;
    }

    protected function onMouseOut(even:MouseEvent):void
    {    
//          if(even.currentTarget is GeometryGroup)
           if(even.currentTarget is Surface)
             WhiteStroke.color=0x000000;
    }
        private function OnMouseDown(event:MouseEvent):void {
                trace("MOUSE DOWN surface");
               // Alert.show("MOUSE DOWN surface");
          isMouseDown = true;
            frompoint.x=event.stageX;
            frompoint.y=event.stageY;
           trace(frompoint.x);
        }
}
}