【AS3代码】小画板升级版（带重绘回放和清空功能）

生成按钮类

 package com.ui

{
     import flash.display.SimpleButton;
    
     import org.osmf.layout.AbsoluteLayoutFacet;

     public  class Button  extends SimpleButton
    {
         public  function Button(thistext: String):void
        {
             var arr:Array = init(thistext);
            
             super(arr[0],arr[1],arr[2],arr[2]);         // 调用父类的构造器函数
        }
         private  function init(thistext: String):Array
        {
             var atext:Text = new Text(thistext);
             var btext:Text = new Text(thistext);
             var ctext:Text = new Text(thistext);
            
             var a:Mysprite = new Mysprite(0xffff00);
             var b:Mysprite = new Mysprite(0x00ff00);
             var c:Mysprite = new Mysprite(0x0000ff);
            
            a.addChild(atext);
            b.addChild(btext);
            c.addChild(ctext);
            
             var abc:Array = [a, b, c];
             return abc;
        }
    }
}

 

 绘图类

 package com.ui

{
     import flash.display.Sprite;

     public  class Mysprite  extends Sprite
    {
         public  function Mysprite(col:uint):void
        {
            init(col);
        }
         private  function init(col:uint):void
        {
            this.graphics.beginFill(col);
            this.graphics.drawRect(0,0,100,30);
            this.graphics.endFill();
        }
    }
}

 

 文档类

package
{
     import com.ui.Button;
    
     import flash.display.Sprite;
     import flash.events.Event;
     import flash.events.MouseEvent;
    
     public  class Main  extends Sprite
    {        
         private  var isdown: Boolean =  false;
         private  var oldx: Number;
         private  var oldy: Number;
         private  var ceng:Sprite;     // 绘图层
        
         // ---------------------------------------------
        
         private  var dataarr:Array = new Array();     // 记录鼠标位置的数组
         private  var ci:uint = 0;                     // 记录绘图时向数组内添加的次数
         private  var    huici:uint;                         // 记录回放时播放到数组内的哪一步
         private  var a:Button;                         // 重绘按钮
         private  var b:Button;                         // 清除按钮
        
         public  function Main():void
        {
            init();
        }
        
         private  function init():void
        {
             // 创建2个按钮，并监听按钮点击事件
            a = new Button("重绘");
            a.x = 400;
            a.y = 300;
            b = new Button("清除");
            b.x = 400;
            b.y = 340;
            this.addChild(a);
            this.addChild(b);
            a.addEventListener(MouseEvent.CLICK,draw);
            b.addEventListener(MouseEvent.CLICK,clear);
            
             // 创建绘制图层
            ceng = new Sprite();
            this.addChild(ceng);
            
             // 监听鼠标的三种动作状态（按下，移动，抬起）
            this.stage.addEventListener(MouseEvent.MOUSE_DOWN, ondown);
            this.stage.addEventListener(MouseEvent.MOUSE_MOVE, onmove);
            this.stage.addEventListener(MouseEvent.MOUSE_UP, onup);            
        }
        
         private  function ondown(evt:MouseEvent):void
        {
            oldx = this.stage.mouseX;
            oldy = this.stage.mouseY;            
            
             if(a.hitTestPoint(this.stage.mouseX, this.stage.mouseY,  true) || b.hitTestPoint(this.stage.mouseX, this.stage.mouseY,  true))
            {
                isdown =  false;
            }
             else
            {
                isdown =  true;
                dataarr[ci] = new Array(oldx, oldy);         // 将按下去时的第一步坐标记录在回放数组里
            }
        }
        
         private  function onmove(evt:MouseEvent):void
        {
             if(isdown ==  true)
            {
                ci++;     // 次数递增
                ceng.graphics.lineStyle(2,0xff0000);
                ceng.graphics.moveTo(oldx, oldy);
                ceng.graphics.lineTo(stage.mouseX, stage.mouseY);
                
                oldx = stage.mouseX;
                oldy = stage.mouseY;
                dataarr[ci] = new Array(oldx, oldy);     // 将绘制的每一步坐标都记录在回放数组中
                
            }
        }
        
         private  function onup(evt:MouseEvent):void
        {
            isdown =  false;
        }
        
         // 重绘
         private  function draw(evt:MouseEvent):void
        {
            this.stage.addEventListener(Event.ENTER_FRAME,huizhi);
        }
        
         // 执行回放
         private  function huizhi(evt:Event):void
        {
             // 如果绘制的次数小于数组的长度，则可继续回放
             // 绘制时，起始值是0，假如绘制长度为100,所以绘制次数一定要小于总长度
             if(huici < (dataarr.length - 1))
            {
                ceng.graphics.lineStyle(2,0x000000);
                ceng.graphics.moveTo(dataarr[huici][0], dataarr[huici][1]);
                huici++;
                ceng.graphics.lineTo(dataarr[huici][0], dataarr[huici][1]);
            }
             else
            {
                 // 将绘制次数清零
                huici = 0;    
                
                 // 移除监听器
                this.stage.removeEventListener(Event.ENTER_FRAME, huizhi); 
            }
        }
        
         // 清除
         private  function clear(evt:MouseEvent):void
        {
            ceng.graphics.clear();
        }
    }

}