如何使用 MVVM Light Toolkit 打开一个新窗口

Question

我在我的 WPF 应用程序中使用 MVVM Light 工具包。我想知道从现有窗口打开新窗口的最佳方法是什么。我有这个MainViewModel，它负责我的应用程序的MainWindow。现在在MainView 中，单击按钮，我想在其顶部打开第二个窗口。我将RelayCommmand 绑定到Button 的Command。在RelayCommand 的方法中，我可以创建一个新的窗口对象并简单地调用Show()，如下所示：

var view2 = new view2()
view2.Show()

但我认为 ViewModel 不应该负责创建新的 view2 对象。我已经阅读了这篇帖子WPF MVVM Get Parent from VIEW MODEL，Bugnion 建议将消息​​从viewmodel1 传递给view1，然后view1 应该创建新的view2。但我不确定他将消息传递给view1 究竟是什么意思？ view1 应该如何处理消息？在它背后的代码还是什么？

问候， 纳比尔

Answer 1

从 ViewModel1 向 View1 传递消息意味着使用messaging capabilities in the MVVM Light Toolkit。

例如，您的 ViewModel1 可能有一个名为 ShowView2Command 的命令，然后它会发送一条消息来显示视图。

public class ViewModel1 : ViewModelBase
{
    public RelayCommand ShowView2Command { private set; get; }

    public ViewModel1() : base()
    {
        ShowView2Command = new RelayCommand(ShowView2CommandExecute);
    }

    public void ShowView2CommandExecute()
    {
        Messenger.Default.Send(new NotificationMessage("ShowView2"));
    }
}

View1 会在其后面的代码中注册接收消息，并在收到正确消息时显示 View2。

public partial class View1 : UserControl
{
    public View1()
    {
        InitializeComponent();
        Messenger.Default.Register<NotificationMessage>(this, NotificationMessageReceived);
    }

    private void NotificationMessageReceived(NotificationMessage msg)
    {
        if (msg.Notification == "ShowView2")
        {
            var view2 = new view2();
            view2.Show();
        }
    }
}

Answer 2

你为什么要走这条路？这很简单。如果您将按钮替换为切换按钮、超链接或任何其他数量的类似按钮的控件，则无需更新“隐藏代码”——这是 MVVM 模式的基本原则。在您的新切换按钮（或其他）中，您最终仍会绑定到相同的命令。

例如，我正在为一个想要拥有 2 个 UI 的客户创建一个项目 - 就演示而言，一个在各个方面都将完全不同。用于导航的水平选项卡与垂直 RadPanelBar（想想 Accordion）。这两个视图都可以指向同一个视图模型 - 当用户单击视图 1 中的工作订单选项卡时，它会触发在面板栏中的工作订单标题中触发的相同“WorkOrderCommand”。

在代码隐藏模型中，您必须编写两个单独的事件。在这里，您只需编写一个代码。

此外，它允许设计师使用 Blend 来创建他们想要的任何布局。只要他们有钩子（EventToCommand 控件），我自己（作为开发人员）就不会关心最终产品的样子。

松散耦合非常强大。

Answer 3

您可以这样做，就像您需要创建一些事件并在 view 中注册这些事件并在视图模型中调用它们。然后打开该弹出窗口。

喜欢这个例子

public class Mainclass : MainView
{
    public delegate abc RegisterPopUp(abc A);
    public RegisterPopUp POpUpEvent ;

    public RelayCommand ShowCommand { private set; get; }  


    public void ShowCommand() 
    { 
        ShowCommand("Your parameter");
    } 
}

在视图内MainView mn=new MainView();

在这里注册事件就像mn.POpUpEvent +=而不是双击标签按钮

并在右侧注册弹出方法中打开弹出窗口的代码。

Answer 4

除非我错过了这里的重点——如果我要使用后面的代码，那为什么不直接实现 button_click 事件并打开第二个视图呢？

Bugnion 似乎暗示的是 view1 -> button click -> relay command -> viewmodel1 -> message -> view1 -> view1.cs -> open view 2.

无论如何你都会通过编写代码隐藏来牺牲可测试性，那么为什么要走这么长的路呢？

Answer 5

您可以使用通用接口将视图特定功能抽象为服务。在视图层中，您可以提供这些服务的具体实例，并使用 IoC 容器和依赖注入技术构建视图模型。

在您的情况下，您可以构建一个接口 IWindowManager 或类似的具有所需方法的东西。这可以在您的视图层中实现。我最近写了一篇小博文，演示了如何从视图模型中抽象出对话行为。类似的方法可用于任何与用户界面相关的服务，如导航、消息框等。

此链接可能对您有所帮助http://nileshgule.blogspot.com/2011/05/silverlight-use-dialogservice-to.html

许多人还使用从 view.cs 文件上订阅的视图模型触发事件的方法，并从那里执行 MessageBox 或任何其他与 UI 相关的操作。我个人喜欢注入服务的方法，因为这样您就可以提供同一服务的多个实现。一个简单的例子是如何在 Silverlight 和 Windows Phone 7 应用程序中处理导航。您可以使用相同的视图模型，但根据应用程序类型注入不同的导航服务实现。

Answer 6

我发现解决这个问题的最佳方法是从 ViewModel 打开和关闭窗口。正如this 链接所暗示的，

1. 创建一个DialogCloser 类

公共静态类 DialogCloser { public static readonly DependencyProperty DialogResultProperty = DependencyProperty.RegisterAttached("DialogResult", typeof(bool?), typeof(DialogCloser), new PropertyMetadata(DialogResultChanged)); 私有静态无效DialogResultChanged（DependencyObject d，DependencyPropertyChangedEventArgs e） { var window = d 作为窗口； if (window != null) window.Close(); } 公共静态无效SetDialogResult（窗口目标，布尔？值） { target.SetValue(DialogResultProperty, value); } }

1. 创建一个继承自GalaSoft.MvvmLight.ViewModelBase 的基础视图模型，其中包含其他成员。完成后，将此视图模型用作其他视图模型的基础。

布尔？ _closeWindowFlag; 公共布尔？关闭窗口标志 { 得到 { 返回 _closeWindowFlag; } 放 { _closeWindowFlag = 值； RaisePropertyChanged("CloseWindowFlag"); } } 公共虚拟 void CloseWindow(bool?result = true) { Application.Current.Dispatcher.BeginInvoke（DispatcherPriority.Background， 新动作(() => { 关闭窗口标志 = 关闭窗口标志 == 空？真：！关闭窗口标志； })); }

1. 在视图中，将DialogCloser.DialogResult 依赖属性与基础视图模型中的CloseWindowFlag 属性绑定。

然后您可以在视图模型中打开/关闭/隐藏窗口。