Annuler, Rétablir la fonctionnalité avec la manipulation d'images dans Flex

Question

donc j'ai réussi à apprendre quelques Flex et créé une petite application qui:

• charge une image à un composant d'image
• Transformer l'image (rotation, FLIP) avec la matrice
• Appliquer un filtre (s)

maintenant, je pense à créer une fonctionnalité undo redo. Chaque fois que je fais une transformation/ajouter un filtre, je veux pouvoir revenir à l'image précédente (avant l'action).

Ma pensée est d'avoir un tableau et d'ajouter le bitmap précédent à la pile. Mais je vois qu'il y a quelques différences entre les transformations et les filtres J'ai aussi vu le ImageSnapshot et je peux le faire et ça ressemble à ce que je cherche.

Je suis un peu nouveau à Flex en général et j'espère que quelqu'un ici peut me donner n'importe quel conseil sur ceci et avec optimisme som directions.

Merci pour votre conseil! Meilleures salutations,

Ran

Answer 1

Je suggère à la recherche dans le Command design pattern. Essentiellement, votre tableau ne contiendrait pas l'image, mais des jetons représentant l'opération effectuée sur l'image. Chaque jeton aurait suffisamment d'informations pour annuler (et refaire?) Son opération.

var c:Command = new RotateCommand(90, CLOCKWISE); 
c.doWork(); 
history.push(c); 

// Undo 
var c:Command = history.pop(); 
c.undoWork(); 

puis dans les commandes, à peu près:

public function doWork():void { 
    var newTransform:Matrix = calculateTransform(angle, direction); // 90, CLOCKWISE 
    image.transform.matrix.concat(newTransform); 
} 

public function undoWork():void { 
    var newTransform:Matrix = calculateTransform(-angle, direction); // reverse operation 
    image.transform.matrix.concat(newTransform);