[新闻资讯] [业界动态] AS3中显示对象的撤消与恢复 撤消, 恢复, 设计模式, 值对象

skylark14

关于撤消&恢复操作有许多例子可寻，但我想靠自身解决。我没有看其他人的解决办法，感到很庆幸，因为我想出了一个非常不同且更简洁的解决方案。
网上大多数撤消&恢复例子涉及到命令模式或有些过时的备忘录模式。在正常情况下这些模式是牢靠的，但是他们有大量的重复代码。这些办法的另一个缺陷是设计者必须创建一个方法以特定方式改变显示对象，因此它可以被记录下来。最后，它不可能操作对象的多个属性（一次性）或说是非常困难地。这些问题使脱颖而出的上述模式即不容易实现也不便于移值。
我的方法是在运行时定义什么属性需要记录，直接检查显示列表，并提取一个值对象记录的值进行排序。这个对象可以排序用于稍后检索或清理和回收。

实现的代码非常简单：

1. // Create recorder and tell what properties you want to record
   
2. // add as many display object properties you want: e.g. width, height, scaleX, scaleY, alpha.....
   
3. propertyRecorder = new PropertyRecorder(redSquare, ["x","y","rotation"]);
   
4. 
   
5. //When desired, record the history
   
6. propertyHistory.recordNewHistory();
   
7. 
   
8. // Call undo() or redo() anytime you want
   
9. propertyHistory.undo();
   
10. propertyHistory.redo();

复制代码

这个例子使用2个轻量级对象，但是如果需要的话可以将它们合并成一个。历史值对象是抽象可读性。
上面的例子可以从这里下载。如果你有FDT，可以导入到项目中。没有FDT，可以解压缩包，所有资源都在里面。
属性记录器：

1. public class PropertyRecorder
   
2. {
   
3.      private var objectToRecord : *;
   
4.      private var currentHistoryIndex : uint;
   
5.      private var historyStates : Array = [];
   
6.      private var propertiesToWatch : Array;
   
7. 
   
8.      public function PropertyRecorder(objectToRecord : *, propertiesToWatch : Array)
   
9.      {
   
10.           this.propertiesToWatch = propertiesToWatch;
    
11.           this.objectToRecord = objectToRecord;
    
12.           recordNewHistory();
    
13.      }
    
14. 
    
15.      public function undo() : void
    
16.      {
    
17.            if(currentHistoryIndex > 0)
    
18.            {
    
19.                 currentHistoryIndex--;
    
20.                 var historyToRestore : PropertyVO = PropertyVO(historyStates[currentHistoryIndex]);
    
21.                 historyToRestore.restoreProperties(objectToRecord);
    
22.              }
    
23.        }
    
24. 
    
25.        public function redo() : void
    
26.        {
    
27.              if(currentHistoryIndex < historyStates.length - 1)
    
28.              {
    
29.                    currentHistoryIndex++;
    
30.                    var historyToRestore : PropertyVO = PropertyVO(historyStates[currentHistoryIndex]);                               
    
31.                    historyToRestore.restoreProperties(objectToRecord);
    
32.              }
    
33.         }
    
34. 
    
35.         public function recordNewHistory() : void
    
36.         {
    
37.              checkForOldHistoryToClean();         
    
38.         }
    
39. 
    
40.         private function checkForOldHistoryToClean() : void
    
41.         {
    
42.                 while(currentHistoryIndex + 1 < historyStates.length)
    
43.                 {
    
44.                         PropertyVO(historyStates.pop()).dispose();
    
45.                 }
    
46. 
    
47.                 createNewHistoryVO();               
    
48.         }
    
49. 
    
50.         private function createNewHistoryVO() : void
    
51.         {                       
    
52.                 var historyVO : PropertyVO = new PropertyVO(propertiesToWatch);         
    
53.                 historyVO.extractCurrentProperties(objectToRecord);
    
54. 
    
55.                 historyStates.push(historyVO);
    
56.                 currentHistoryIndex = historyStates.length - 1;
    
57.         }

复制代码

PropertyVO：

1. public class PropertyVO
   
2. {       
   
3.         private var dictionary : Dictionary = new Dictionary(true);
   
4. 
   
5.         public function PropertyVO(propertiesToWatch : Array)
   
6.         {
   
7.                 for each (var item : String in propertiesToWatch)
   
8.                 {
   
9.                         dictionary[item] = "";
   
10.                 }       
    
11.         }
    
12. 
    
13.         public function extractCurrentProperties(objectToRecord : *) : void
    
14.         {
    
15.                 for (var property : String in dictionary)
    
16.                 {                               
    
17.                         dictionary[property] = objectToRecord[property];
    
18.                 }
    
19.         }
    
20. 
    
21.         public function restoreProperties(objectToRestore : *) : void
    
22.         {
    
23.                 for (var property : String in dictionary)
    
24.                 {
    
25.                         objectToRestore[property] = dictionary[property];
    
26.                 }
    
27.         }
    
28. 
    
29.         public function dispose() : void
    
30.         {
    
31.                 for (var item : String in dictionary)
    
32.                 {
    
33.                         item = null;       
    
34.                 }
    
35. 
    
36.                 dictionary = null;
    
37.         }
    
38. }

复制代码

达达

memento模式很靠谱，特别在做一些需要撤销操作的程序中。

AndyShang

优点是简洁。
缺点是没有办法处理稍微复杂的情况。某些对象依赖与当前被移动的呢？
比如形变工具旁边的那些handles 。
我觉得 undo 和 redo 就用command 好了，省的让我们没见过世面的老头花心思猜实现用意。要不然模式有啥用？

jinni

作者似乎认为Undo/Redo只是针对简单对象的属性而言的。
在稍微复杂一点的情况中根本不适用。

child_bbs

我的话会考虑用堆栈来做，没想到还有这种方法。
的确在某些简单的操作上可以非常优雅的解决问题。