Отрисовка приложения отмены и повтора функции сценария действия 3

Question

Может кто-нибудь показать мне, как я могу сделать функции отмены и повтора? так что это мой текущий сценарий действий. Я не могу понять, как это сделать, и я вижу некоторый пример на каком-то веб-сайте, сценарий действия слишком долго понимать. Просьба показать простой способ, которым я могу сделать эту работу..

извините за плохую грамматику...

var drawingLine:Shape=new Shape();
board.addChild(drawingLine);

var doDraw:Boolean=false;

var lineSize:Number=7;

var activeColor:uint = 0x000000;

function PencilTool(event:MouseEvent):void{
board.addEventListener(MouseEvent.MOUSE_DOWN, MouseDown);
board.addEventListener(MouseEvent.MOUSE_UP, MouseUp);
}


function MouseDown(e:MouseEvent):void{

doDraw=true;

drawingLine.graphics.moveTo(drawingLine.mouseX, drawingLine.mouseY);
drawingLine.graphics.lineStyle(lineSize, activeColor);
board.addEventListener(MouseEvent.MOUSE_MOVE, MouseMove);

}

function MouseMove(e:MouseEvent):void{
        var curX:Number=drawingLine.mouseX;
        var curY:Number=drawingLine.mouseY;

        if(doDraw && checkCoords(curX,curY)){

            if(active=="Line"){

                    clearTemp();

            temporaryDrawing.graphics.lineTo(curX,curY);

            }else{

            drawingLine.graphics.lineTo(curX,curY);

            }


            e.updateAfterEvent();
            }
}

function MouseUp(event:MouseEvent):void{

doDraw=false;

}


btn_Pencil.addEventListener(MouseEvent.MOUSE_UP, PencilTool);

Answer 1

Вы можете сохранить все движения после щелчков в массиве или векторе, затем, если вы хотите отменить, вы перерисовываете все движения в массиве, кроме последнего.

Может быть что-то вроде этого:

var drawingLine:Shape=new Shape();
board.addChild(drawingLine);

// MOVEMENTS INFORMATION
var movements:Array = new Array();
var doDraw:Boolean = false;
var cacheIndex:int = 0;

var lineSize:Number=7;

var activeColor:uint = 0x000000;

function PencilTool(event:MouseEvent):void{
board.addEventListener(MouseEvent.MOUSE_DOWN, MouseDown);
board.addEventListener(MouseEvent.MOUSE_UP, MouseUp);
}


function MouseDown(e:MouseEvent):void{

function PencilTool(event:MouseEvent):void{
board.addEventListener(MouseEvent.MOUSE_DOWN, MouseDown);
board.addEventListener(MouseEvent.MOUSE_UP, MouseUp);
}


function MouseDown(e:MouseEvent):void{

    doDraw=true;

    drawingLine.graphics.moveTo(drawingLine.mouseX, drawingLine.mouseY);
    drawingLine.graphics.lineStyle(lineSize, activeColor);
    board.addEventListener(MouseEvent.MOUSE_MOVE, MouseMove);
    lastTracing = {
        mainPoint: {
            x:drawingLine.mouseX, 
            y:drawingLine.mouseY
        }, 
        lineSize: lineSize, 
        activeColor:activeColor, 
        points:new Array()
    }
    cacheIndex = 0;
    movements.splice(movements.length - cacheIndex, cacheIndex);
    movements.push(lastTracing );

}

function MouseMove(e:MouseEvent):void{
    var curX:Number=drawingLine.mouseX;
    var curY:Number=drawingLine.mouseY;

    if(doDraw && checkCoords(curX,curY)){
        if(active=="Line"){

            clearTemp();

            temporaryDrawing.graphics.lineTo(curX,curY);

        }else{

            drawingLine.graphics.lineTo(curX,curY);
            lastTracing.points.push({x:curX, y:curY});

        }


            e.updateAfterEvent();
    }
}

function MouseUp(event:MouseEvent):void{

doDraw=false;

}
function undoFunction(event:MouseEvent=null):void {
    if(cacheIndex+1 <= movements.length){
        cacheIndex++;
    }
    drawCache();
}
function redoFunction(event:MouseEvent = null):void {
    if(cacheIndex-1 >= 0){
        cacheIndex--;
    }
    drawCache();
}
function drawCache():void {
    for(var i:uint=0;i<(movements.length-cacheIndex);i++){
         var tracingInfo:Object = movements[i];

         drawingLine.graphics.clear();
         drawingLine.graphics.moveTo(tracingInfo.mainPoint.x, tracingInfo.mainPoint.y);
         drawingLine.graphics.lineStyle(tracingInfo.lineSize, tracingInfo.activeColor);

         for(var j:uint=0;j<tracingInfo.points.length;j++){
              drawingLine.graphics.lineTo(tracingInfo.points[j].x,tracingInfo.points[j].y);
         }
    }
}

btn_Pencil.addEventListener(MouseEvent.MOUSE_UP, PencilTool);

Answer 2

Это, o Используя две графики, не будет подходить

Я бы подошел к этому, создав класс lineInfo (видя, как вы используете только линии), и получите информацию о начальной точке, конечной точке, lineColour, lineWidth и lineAlpha .

Затем создайте массив или Vector, заполните его новым классом LineInfo и обновите графику с помощью строки. Если вам нужно отменить, вы можете установить последний пункт use значение в ложь, и перерисовать графику из инструкции массива. Создайте целое число отмены шага, которое отслеживает, сколько (считая со спины) действий должно быть опущено.

Чтобы повысить производительность, вы можете создать максимум 25 инструкций и создать графику, которая кэширует элементы, отсутствующие в списке отмен.