WPF MVVM 对话框示例

Question

有谁有使用 MVVM (Prism) 显示窗口对话框的示例吗？ - 例如，执行命令时的配置设置窗口。

我见过的所有示例都使用中介模式，这很好，但它们也都引用了视图模型中的视图，这并不理想（我们正在使用 DataTemplates）

谢谢

Answer 1

我将使用一项服务来显示对话框。然后，该服务还可以将视图与视图模型链接起来。

public interface IDialogService {
    void RegisterView<TView, TViewModel>() where TViewModel:IDialogViewModel;
    bool? ShowDialog(IDialogViewModel viewModel);
}

public interface IDialogViewModel {
    bool CanClose();
    void Close();
}

RegisterView 只是将视图类型与 ViewModel 类型链接起来。您可以在模块初始化中设置这些链接。这比尝试让模块在应用程序顶层注册数据模板更简单。

ShowDialog 显示您想要显示的 ViewModel。它返回 true、false 和 null 来关闭，就像 Window.ShowDialog 方法一样。该实现只是从容器中创建一个 TView 类型的新视图，将其连接到提供的 ViewModel 并显示它。

IDialogViewModel 为ViewModel提供了一种机制来进行验证并取消对话框的关闭。

我有一个标准对话框窗口，其中有一个内容控件。当调用 ShowDialog 时，它会创建一个新的标准对话框，将视图添加到内容控件，连接 ViewModel 并显示它。标准对话框已经具有[确定]和[取消]按钮，具有适当的逻辑来从IDialogViewModel调用正确的方法。

Answer 2

我这样做的方法也是使用中介者模式。当 ViewModel 想要显示对话框时，它会发送一条消息，该消息由应用程序的主窗口接收。该消息包含对话框使用的 ViewModel 实例。

然后主窗口构造一个对话框窗口的实例，将视图模型传递给它并显示对话框。对话的结果通过原始消息传递回调用者。

它看起来像这样：

在你的视图模型中：

DialogViewModel viewModel = new DialogViewModel(...);
ShowDialogMessage message = new ShowDialogMessage(viewModel);

_messenger.Broadcast(message);

if (message.Result == true)
{
    ...
}

在主窗口代码隐藏中：

void RecieveShowDialogMessage(ShowDialogMessage message)
{
    DialogWindow w = new DialogWindow();
    w.DataContext = message.ViewModel;
    message.Result = w.ShowDialog();
}

我希望这足以给你这个想法......

Answer 3

我同意，使用服务根据 MVVM 模式显示对话框是最简单的解决方案。但是，我也问自己，如果我的项目中有 3 个程序集 Model、ViewModel、View，并且根据 MVVM 模式程序集 ViewModel 引用了 Model，而 View 引用了 Model 和 ViewModel，我应该在哪里放置 DialogService 类？如果我在 ViewModel 程序集中放置一个 - 我就没有机会创建 DialogView 实例；另一方面，如果我将 DialogService 放在 View 程序集中，我应该如何将它注入到我的 ViewModel 类中？

因此，我建议查看使用 Prism 的高级 MVVM 场景 部分：使用交互请求对象

作为此方法的示例：

DialogViewModelBase

public abstract class DialogViewModelBase : ViewModelBase
{
    private ICommand _ok;

    public ICommand Ok
    {
        get { return _ok ?? (_ok = new DelegateCommand(OkExecute, CanOkExecute)); }
    }

    protected virtual bool CanOkExecute()
    {
        return true;
    }

    protected virtual void OkExecute()
    {
        _isSaved = true;
        Close = true;
    }

    private ICommand _cancel;

    public ICommand Cancel
    {
        get 
        {
           return _cancel ?? (_cancel = new DelegateCommand(CancelExecute, CanCancelExecute));
        }
    }

    protected virtual bool CanCancelExecute()
    {
        return true;
    }

    protected virtual void CancelExecute()
    {
        Close = true;
    }

    private bool _isSaved = false;
    public bool IsSaved
    {
        get { return _isSaved; }
    }

    private bool _close = false;

    public bool Close
    {
        get { return _close; }
        set
        {
            _close = value;
            RaisePropertyChanged(() => Close);
        }
    }
}

CreateUserStoryViewModel:

public class CreateUserStoryViewModel : DialogViewModelBase
{
    private string _name = String.Empty;

    public string Name
    {
        get { return _name; }
        set
        {
            _name = value;
            RaisePropertyChanged(() => Name);
        }
    }
}

CreateUserStoryRequest

private InteractionRequest<Notification> _createUserStoryRequest;
public InteractionRequest<Notification> CreateUserStoryRequest
{
    get
    {
        return _createUserStoryRequest ?? (_createUserStoryRequest = new InteractionRequest<Notification>());
    }
}

CreateUserStory Command

private void CreateUserStoryExecute()
{
    CreateUserStoryRequest.Raise(new Notification()
    {
        Content = new CreateUserStoryViewModel(),
        Title = "Create User Story"
    }, 
    notification =>
                 {
                      CreateUserStoryViewModel createUserStoryViewModel =
                               (CreateUserStoryViewModel)notification.Content;
                      if (createUserStoryViewModel.IsSaved)
                      {
                         _domainContext.CreateUserStory(
new UserStory(){ Name = createUserStoryViewModel.Name, });
                      }
                 });
}

XAML:

<!--where xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
          xmlns:ir="clr-namespace:Microsoft.Practices.Prism.Interactivity.InteractionRequest;assembly=Microsoft.Practices.Prism.Interactivity"-->

<i:Interaction.Triggers>
  <ir:InteractionRequestTrigger SourceObject="{Binding CreateUserStoryRequest}">
    <ir:PopupChildWindowAction>
      <ir:PopupChildWindowAction.ChildWindow>
        <view:CreateUserStory />
      </ir:PopupChildWindowAction.ChildWindow>
    </ir:PopupChildWindowAction>
  </ir:InteractionRequestTrigger>
</i:Interaction.Triggers>

Answer 4

正如我理解您上面的评论一样，问题不在于显示对话框，而在于隐藏它们。有两种方法可以解决这个问题：

1. 使用标准对话框窗口来实现视图。这需要 View 和 ViewModel 之间采用松散耦合的通信方式，以便 ViewModel 可以通知 View 可以在不引用视图的情况下关闭。

   有多个框架可以实现这一点 - Prism 的事件聚合器就是其中之一。在这种情况下，View 将订阅一个事件（例如 MyDialogResultValidated），并在接收到该事件时相应地设置 DialogResult。如果验证成功，ViewModel（在其 SaveCommand 中）将触发该事件。

2. 不要使用标准对话框窗口来实现视图。这需要有一个能够有效模拟模态的覆盖层。

   在这种情况下，视图和覆盖层的可见性将绑定 ViewModel 的 IsVisible 属性，该属性将通过 SaveCommand 实现进行相应设置，或者每当 ViewModel 需要显示视图时进行相应设置。

第一种方法需要在代码隐藏中添加一些代码，需要添加全局事件，并且（可以说）不太像 MVVM 风格。第二种方法需要实现（或使用其他人的实现）覆盖，但不需要在代码隐藏中包含任何代码，不需要具有全局事件，并且（有争议）更接近 MVVM 。

Answer 5

您可能对以下示例应用程序感兴趣：

http://compositeextensions.codeplex.com

它使用带有PresentationModel（又名MVVM）模式的Prism2。示例应用程序包含一个模式对话框。

Answer 6

它不是 Prism，但这个 MVVM 演示 具有一个完全完整的选项对话框MVVM。