WPF下基于命令模式实现需状态保存的撤销/重做问题求教

问题核心 #

绑定到View的单例命令实例无法存储每次操作的上下文状态（比如删除集合项时的目标项、原索引），导致Undo()方法无法正确恢复操作前的状态。

公认解决方案：拆分命令角色（优化你的方案2） #

将UI绑定的"命令触发器"与实际执行的"可撤销命令实例"解耦：让绑定在View上的单例命令仅作为触发入口，每次执行时创建带有本次操作状态的一次性可撤销命令实例，并将该实例推入撤销栈。这种方式是WPF绑定场景下的标准实现思路。

代码实现示例

1. 保留原可撤销命令接口：

public interface IUndoableCommand : ICommand
{
    void Undo();
}

2. 实现单例触发器命令（绑定到View）：

public class DeleteItemTriggerCommand : ICommand
{
    private readonly MyViewModel _viewModel;
    public event EventHandler? CanExecuteChanged;

    public DeleteItemTriggerCommand(MyViewModel viewModel)
    {
        _viewModel = viewModel;
    }

    public bool CanExecute(object? parameter)
    {
        return parameter is MyItem;
    }

    public void Execute(object? parameter)
    {
        if (parameter is not MyItem targetItem) return;
        
        // 创建包含本次操作状态的可撤销命令实例
        var undoableCommand = new DeleteItemCommand(_viewModel.Items, targetItem);
        undoableCommand.Execute(null);
        
        // 将实例推入撤销栈
        _viewModel.UndoStack.Push(undoableCommand);
    }
}

3. 实现带状态的一次性可撤销命令：

public class DeleteItemCommand : IUndoableCommand
{
    private readonly ObservableCollection<MyItem> _targetCollection;
    private readonly MyItem _deletedItem;
    private int _originalIndex;

    public event EventHandler? CanExecuteChanged;

    public DeleteItemCommand(ObservableCollection<MyItem> targetCollection, MyItem deletedItem)
    {
        _targetCollection = targetCollection;
        _deletedItem = deletedItem;
    }

    public bool CanExecute(object? parameter) => true;

    public void Execute(object? parameter)
    {
        // 保存操作前的状态
        _originalIndex = _targetCollection.IndexOf(_deletedItem);
        _targetCollection.Remove(_deletedItem);
    }

    public void Undo()
    {
        // 恢复操作前的状态
        if (_originalIndex >= 0 && _originalIndex <= _targetCollection.Count)
        {
            _targetCollection.Insert(_originalIndex, _deletedItem);
        }
    }
}

4. ViewModel中的配置：

public class MyViewModel
{
    public ObservableCollection<MyItem> Items { get; } = new();
    public Stack<IUndoableCommand> UndoStack { get; } = new();
    public ICommand DeleteItemCommand { get; }

    public MyViewModel()
    {
        DeleteItemCommand = new DeleteItemTriggerCommand(this);
    }

    // 撤销操作方法
    public void ExecuteUndo()
    {
        if (UndoStack.Count > 0)
        {
            var command = UndoStack.Pop();
            command.Undo();
        }
    }
}

方案对比分析 #

• 深拷贝方案：实现复杂度高，引用类型的深拷贝容易遗漏状态，且会增加不必要的内存开销，不推荐。
• 触发器创建实例方案：完美适配WPF绑定场景，通过解耦命令角色，让每个操作都有独立的状态容器，是行业内公认的标准解决方案。

扩展：支持重做功能 #

若需要重做，可额外维护一个RedoStack：撤销时将命令从UndoStack弹出并推入RedoStack；重做时从RedoStack弹出命令，执行其Execute()方法并推回UndoStack。

内容的提问来源于stack exchange，提问作者sjsmith96