使用 MVVM 在 WPF 中创建新窗口的最佳方法

Question

在邻居帖子中：How should the ViewModel close the form? 我已经发布了如何使用 MVVM 关闭窗口的愿景。现在我有一个问题：如何打开它们。

我有一个主窗口（主视图）。如果用户单击“显示”按钮，则应显示“演示”窗口（模式对话框）。使用 MVVM 模式创建和打开窗口的更好方法是什么？我看到了两种通用方法：

第一个（可能是最简单的）。事件处理程序“ShowButton_Click”应该在主窗口后面的代码中实现，如下所示：

        private void ModifyButton_Click(object sender, RoutedEventArgs e)
        {
            ShowWindow wnd = new ShowWindow(anyKindOfData);
            bool? res = wnd.ShowDialog();
            if (res != null && res.Value)
            {
                //  ... store changes if neecssary
            }
        }

1. 如果我们应该更改“显示”按钮状态（启用/禁用），我们将需要添加管理按钮状态的逻辑；
2. 源代码与“旧式”WinForms 和 MFC 源代码非常相似 - 我不确定这是好是坏，请告知。
3. 还有什么我错过的吗？

另一种方法：

在 MainWindowViewModel 中，我们将实现“ShowCommand”属性，该属性将返回命令的 ICommand 接口。依次命令：

• 将引发“ShowDialogEvent”；
• 将管理按钮状态。

这种方法更适合 MVVM 但需要额外的编码：ViewModel 类不能“显示对话框”所以 MainWindowViewModel 只会引发“ShowDialogEvent”，我们需要在 MainWindowView 的 MainWindow_Loaded 方法中添加事件处理程序，像这样：

((MainWindowViewModel)DataContext).ShowDialogEvent += ShowDialog;

（ShowDialog - 类似于 'ModifyButton_Click' 方法。）

所以我的问题是： 1. 你还有其他方法吗？ 2. 您认为列出的其中一项是好是坏？ （为什么？）

欢迎任何其他想法。

谢谢。

Answer 1

一些 MVVM 框架（例如MVVM Light）使用Mediator pattern。 因此，要打开一个新窗口（或创建任何视图），某些特定于视图的代码将订阅来自中介者的消息，而 ViewModel 将发送这些消息。

像这样：

订阅

Messenger.Default.Register<DialogMessage>(this, ProcessDialogMessage);
...
private void ProcessDialogMessage(DialogMessage message)
{
     // Instantiate new view depending on the message details
}

在视图模型中

Messenger.Default.Send(new DialogMessage(...));

我更喜欢在单例类中进行订阅，只要应用程序的 UI 部分存在，它就会“存在”。 总结一下：ViewModel 传递诸如“我需要创建一个视图”之类的消息，UI 会监听这些消息并对其进行操作。

当然，没有“理想”的方法。

Answer 2

我最近也在考虑这个问题。如果您在项目中使用Unity 作为“容器”或任何依赖注入的东西，这是我的一个想法。我想通常你会覆盖App.OnStartup() 并在那里创建你的模型、视图模型和视图，并给每个适当的参考。使用 Unity，您可以为容器提供对模型的引用，然后使用容器来“解析”视图。 Unity 容器会注入您的视图模型，因此您永远不会直接实例化它。一旦你的观点得到解决，你就可以打电话给Show()。

在我观看的示例视频中，Unity 容器被创建为OnStartup 中的局部变量。如果您在 App 类中将其创建为公共静态只读属性会怎样？然后，您可以在主视图模型中使用它来创建新窗口，自动注入新视图所需的任何资源。类似App.Container.Resolve<MyChildView>().ShowDialog();。

我想您可以在测试中以某种方式模拟对 Unity 容器的调用结果。或者，也许您可​​以在 App 类中编写像 ShowMyChildView() 这样的方法，它基本上就是我上面描述的。模拟对App.ShowMyChildView() 的调用可能很容易，因为它只会返回bool?，嗯？

嗯，这可能并不比使用new MyChildView() 更好，但这是我的一个小想法。我以为我会分享它。 =)

Answer 3

我有点晚了，但我发现现有的答案不够。我会解释为什么。一般来说：

• 从 View 访问 ViewModel 就可以了，
• 从 ViewModel 访问 View 是错误的，因为它引入了循环依赖并使得 ViewModel 难以测试。

本尼·乔比根的回答：

App.Container.Resolve<MyChildView>().ShowDialog();

这实际上并不能解决任何问题。您正在以紧密耦合的方式从 ViewModel 访问您的视图。与new MyChildView().ShowDialog() 的唯一区别是您通过了一层间接。我看不出比直接调用 MyChildView ctor 有什么优势。

如果你使用界面作为视图会更干净：

App.Container.Resolve<IMyChildView>().ShowDialog();`

现在 ViewModel 没有与视图紧密耦合。但是我发现为每个视图创建界面是非常不切实际的。

阿尔科诺特的回答：

Messenger.Default.Send(new DialogMessage(...));

这样更好。似乎 Messenger 或 EventAggregator 或其他 pub/sub 模式是 MVVM 中所有事物的通用解决方案 :) 缺点是更难调试或导航到 DialogMessageHandler。这太间接了恕我直言。例如，您将如何读取对话框的输出？通过修改DialogMessage？

我的解决方案：

你可以像这样从 MainWindowViewModel 打开窗口：

var childWindowViewModel = new MyChildWindowViewModel(); //you can set parameters here if necessary
var dialogResult = DialogService.ShowModal(childWindowViewModel);
if (dialogResult == true) {
   //you can read user input from childWindowViewModel
}

DialogService 只接受对话框的 ViewModel，因此您的 ViewModel 完全独立于 View。在运行时，DialogService 可以找到合适的视图（例如使用命名约定）并显示它，或者可以在单元测试中轻松地模拟它。

在我的例子中，我使用这个接口：

interface IDialogService
{
   void Show(IDialogViewModel dialog);
   void Close(IDialogViewModel dialog); 
   bool? ShowModal(IDialogViewModel dialog);
   MessageBoxResult ShowMessageBox(string message, string caption = null, MessageBoxImage icon = MessageBoxImage.No...);
}

interface IDialogViewModel 
{
    string Caption {get;}
    IEnumerable<DialogButton> Buttons {get;}
}

其中 DialogBu​​tton 指定 DialogResult 或 ICommand 或两者。

Answer 4

看看我目前在 Silverlight 中显示模态对话框的 MVVM 解决方案。 它解决了您提到的大多数问题，但它完全从特定于平台的事物中抽象出来并且可以重用。此外，我没有使用任何代码隐藏，仅与实现 ICommand 的 DelegateCommands 绑定。 Dialog 基本上是一个 View - 一个单独的控件，它有自己的 ViewModel，它从主屏幕的 ViewModel 显示，但通过 DelagateCommand 绑定从 UI 触发。

在此处查看完整的 Silverlight 4 解决方案Modal dialogs with MVVM and Silverlight 4

Answer 5

我使用一个控制器来处理视图之间传递的所有信息。所有视图模型都使用控制器中的方法来请求更多信息，这些信息可以实现为对话框、其他视图等。

看起来像这样：

class MainViewModel {
    public MainViewModel(IView view, IModel model, IController controller) {
       mModel = model;
       mController = controller;
       mView = view;
       view.DataContext = this;
    }

    public ICommand ShowCommand = new DelegateCommand(o=> {
                  mResult = controller.GetSomeData(mSomeData);
                                                      });
}

class Controller : IController {
    public void OpenMainView() {
        IView view = new MainView();
        new MainViewModel(view, somemodel, this);
    }

    public int GetSomeData(object anyKindOfData) {
      ShowWindow wnd = new ShowWindow(anyKindOfData);
      bool? res = wnd.ShowDialog();
      ...
    }
}

Answer 6

我的方法与阿德里安的方法相似。但是，在我的情况下，控制器永远不会与具体的视图类型一起使用。 Controller 与 View 完全解耦 - 与 ViewModel 相同。

在 WPF Application Framework (WAF) 的 ViewModel 示例中可以看到这是如何工作的。

。

最好的问候，

jbe