如何按照 MVVM 为 WPF 构建通用/可重用模式对话框

Question

我想构建一个通用/可重用的模式对话框，可以在我们的 WPF (MVVM) - WCF LOB 应用程序中使用。

我有一个视图和关联的视图模型，我想使用对话框显示它们。视图和视图模型之间的绑定是使用针对类型的数据模板完成的。

以下是我能够起草的一些要求：

• 我更喜欢它基于窗口，而不是使用像模式对话框一样的装饰器和控件。
• 它应该从内容中获得最小大小。
• 它应该以所有者窗口为中心。
• 窗口不得显示最小化和最大化按钮。
• 它应该从内容中得到标题。

最好的方法是什么？

Answer 1

我通常通过将此接口注入适当的 ViewModel 来处理此问题：

public interface IWindow
{
    void Close();

    IWindow CreateChild(object viewModel);

    void Show();

    bool? ShowDialog();
}

这允许 ViewModel 生成子窗口并在无模式下以模态方式显示它们。

IWindow 的可重用实现是这样的：

public class WindowAdapter : IWindow
{
    private readonly Window wpfWindow;

    public WindowAdapter(Window wpfWindow)
    {
        if (wpfWindow == null)
        {
            throw new ArgumentNullException("window");
        }

        this.wpfWindow = wpfWindow;
    }

    #region IWindow Members

    public virtual void Close()
    {
        this.wpfWindow.Close();
    }

    public virtual IWindow CreateChild(object viewModel)
    {
        var cw = new ContentWindow();
        cw.Owner = this.wpfWindow;
        cw.DataContext = viewModel;
        WindowAdapter.ConfigureBehavior(cw);

        return new WindowAdapter(cw);
    }

    public virtual void Show()
    {
        this.wpfWindow.Show();
    }

    public virtual bool? ShowDialog()
    {
        return this.wpfWindow.ShowDialog();
    }

    #endregion

    protected Window WpfWindow
    {
        get { return this.wpfWindow; }
    }

    private static void ConfigureBehavior(ContentWindow cw)
    {
        cw.WindowStartupLocation = WindowStartupLocation.CenterOwner;
        cw.CommandBindings.Add(new CommandBinding(PresentationCommands.Accept, (sender, e) => cw.DialogResult = true));
    }
}

您可以使用此 Window 作为可重用宿主窗口。没有隐藏代码：

<Window x:Class="Ploeh.Samples.ProductManagement.WpfClient.ContentWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:self="clr-namespace:Ploeh.Samples.ProductManagement.WpfClient"
        xmlns:pm="clr-namespace:Ploeh.Samples.ProductManagement.PresentationLogic.Wpf;assembly=Ploeh.Samples.ProductManagement.PresentationLogic.Wpf"
        Title="{Binding Path=Title}"
        Height="300"
        Width="300"
        MinHeight="300"
        MinWidth="300" >
    <Window.Resources>
        <DataTemplate DataType="{x:Type pm:ProductEditorViewModel}">
            <self:ProductEditorControl />
        </DataTemplate>
    </Window.Resources>
    <ContentControl Content="{Binding}" />
</Window>

您可以在我的书。

Answer 2

我正在回答我自己的问题，以帮助其他人找到我在一个地方努力找到的所有答案。上面看起来像是一个简单的问题，实际上提出了多个问题，我希望在下面能够充分回答这些问题。

就这样吧。

将用作通用对话框的 WPF 窗口可能如下所示：

<Window x:Class="Example.ModalDialogView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ex="clr-namespace:Example"
        Title="{Binding Path=mDialogWindowTitle}" 
        ShowInTaskbar="False" 
        WindowStartupLocation="CenterOwner"
        WindowStyle="SingleBorderWindow"
        SizeToContent="WidthAndHeight"
        ex:WindowCustomizer.CanMaximize="False"
        ex:WindowCustomizer.CanMinimize="False"
        >
    <DockPanel Margin="3">
        <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal" FlowDirection="RightToLeft">
            <Button Content="Cancel" IsCancel="True" Margin="3"/>
            <Button Content="OK" IsDefault="True" Margin="3" Click="Button_Click" />
        </StackPanel>
        <ContentPresenter Name="WindowContent" Content="{Binding}"/>
    </DockPanel>
</Window>

按照 MVVM，显示对话框的正确方法是通过中介器。要使用中介器，您通常还需要一些服务定位器。有关调解器的具体详细信息，请查看此处。

我选择的解决方案涉及实现一个 IDialogService 接口，该接口通过一个简单的静态 ServiceLocator 来解析。 这篇优秀的 codeproject 文章对此有详细介绍。请注意此文章论坛中的留言。该解决方案还解决了通过 ViewModel 实例发现所有者窗口的问题。

使用此接口，您可以调用 IDialogService.ShowDialog(ownerViewModel,dialogViewModel)。现在，我从所有者 ViewModel 调用它，这意味着我的 ViewModel 之间有硬引用。如果您使用聚合事件，您可能会从指挥中调用它。

设置最终将在对话框中显示的视图的最小尺寸不会自动设置对话框的最小尺寸。此外，由于对话框中的逻辑树包含 ViewModel，因此您不能只绑定到 WindowContent 元素的属性。 这个问题我的解决方案有答案。

我上面提到的答案还包括将窗口以所有者为中心的代码。

最后，禁用最小化和最大化按钮是 WPF 本身无法做到的。恕我直言，最优雅的解决方案是使用 这个。