WPF中的Prism弹出新窗口

时间:2015-12-07 03:30:12

标签: c# wpf mvvm prism

如何在不违反MVVM模式规则的情况下在WPF中打开/关闭新窗口?
我只想模仿ms office outlook的登录模块。

我已阅读this article,但传递参数confirmation

时出错

我目前正在使用prism 5.0。

3 个答案:

答案 0 :(得分:13)

幸运的是,Prism 5.0(我也假设6.0,还没有使用它),有一个名为header的类,您可以从代码中使用它来引发交互请求。

交互请求基本上是一个窗口,它要求用户执行某个操作,并使用用户决策/操作调用回调(如果必要或需要)。

InteractionRequest<T>

在XAML中,您可以执行类似

的操作
public class ShellViewModel : BindableBase
{
    private readonly IRegionManager regionManager;

    public ShellViewModel(IRegionManager regionManager)
    {
        if (regionManager == null)
            throw new ArgumentNullException("regionManager");

        this.regionManager = regionManager;
        this.OptionSettingConfirmationRequest = new InteractionRequest<IConfirmation>();

        openConnectionOptionsCommand = new DelegateCommand(RaiseConnectionOptionsRequest);
    }

    public InteractionRequest<IConfirmation> OptionSettingConfirmationRequest { get; private set; }

    private readonly ICommand openConnectionOptionsCommand;
    public ICommand OpenConnectionOptionsCommand { get { return openConnectionOptionsCommand; } }

    private void RaiseConnectionOptionsRequest()
    {
        this.OptionSettingConfirmationRequest.Raise(new Confirmation { Title = "Options not saved. Do you wish to save?" }, OnConnectionOptionsResponse);
    }

    protected virtual void OnConnectionOptionsResponse(IConfirmation context)
    {
        if(context.Confirmed)
        {
            // save it
        }

        // otherwise do nothing
    }
}

我使用自己的<Button Content="Options" Command="{Binding OpenConnectionOptionsCommand}"> <i:Interaction.Triggers> <pit:InteractionRequestTrigger SourceObject="{Binding OptionSettingConfirmationRequest, Mode=OneWay}" > <pie:LazyPopupWindowAction RegionName="ConnectionSettings" NavigationUri="ConnectionSettingsView" IsModal="True" /> </pit:InteractionRequestTrigger> </i:Interaction.Triggers> </Button> 实现(请参阅github项目页面及其实现),名为PopupWindowAction,它将在点击时实例化嵌入式LazyPopupWindowAction视图。如果您不关心您的视图仅被实例化一次,请随意使用ConnectionSettingsView,然后它将与包含该操作的视图同时实例化。

它基本上是复制&amp;粘贴从我的一个项目切割一些无用的线条。我使用了PopupWindowActionIConfirmation接口而不是具体的实现。

XAML与INotification

PopupWindowAction

命名空间声明

<Button Content="Options" Command="{Binding OpenConnectionOptionsCommand}">
    <i:Interaction.Triggers>
        <pit:InteractionRequestTrigger SourceObject="{Binding OptionSettingConfirmationRequest, Mode=OneWay}" >
            <pi:PopupWindowAction>
                <pi:PopupWindowAction.WindowContent>
                    <views:CustomPopupView />
                </pi:PopupWindowAction.WindowContent>
            </pi:PopupWindowAction>
        </pit:InteractionRequestTrigger>
    </i:Interaction.Triggers>
</Button>

<强>更新 由于人们不断询问xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:pi="clr-namespace:Microsoft.Practices.Prism.Interactivity;assembly=Microsoft.Practices.Prism.Interactivity" xmlns:pit="clr-namespace:Microsoft.Practices.Prism.Interactivity.InteractionRequest;assembly=Microsoft.Practices.Prism.Interactivity" xmlns:pie="clr-namespace:MyProject.UI.Prism.Interactivity;assembly=MyProject.UI" ,因此我将来源放在GitHub Gist中。基本上它是基于Prims 5的LazyPopupWindowAction(而对于Prism来说,还没有用Prism 6来测试它,可能无法通过调整进行测试)并确切地做到了同样的事情,但也增加了区域和导航支持与打开的窗口,这是我在我的应用程序中需要的东西。

我不喜欢默认实现的一件事是,视图和它的viewmodel将在Shell被实例化的同时实例化,并且当你关闭它时ViewModel仍处于它的状态(它实际上只是隐藏了)。

答案 1 :(得分:5)

更新
是什么让我得出另一个答案是无法在我的项目上使用Prism 6 来应用已接受的答案,但在提出原始答案(见下文)并在评论,我发现核心问题是: Prism 6 改变了某些类的名称空间,所接受答案中使用的所有类仍然存在于 Prism 6 中,但在另一个dll和命名空间中 因此,如果您使用Prism 6 ,您可以将接受的答案与这些修改一起应用

首先替换那些名字

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
xmlns:pi="clr-namespace:Microsoft.Practices.Prism.Interactivity;assembly=Microsoft.Practices.Prism.Interactivity"
xmlns:pit="clr-namespace:Microsoft.Practices.Prism.Interactivity.InteractionRequest;assembly=Microsoft.Practices.Prism.Interactivity"

具有以下命名空间

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:prism="http://prismlibrary.com/"

第二次更新 XAML ,如下所示

<Button Content="Options" Command="{Binding OpenConnectionOptionsCommand}">
    <i:Interaction.Triggers>
        <prism:InteractionRequestTrigger SourceObject="{Binding OptionSettingConfirmationRequest, Mode=OneWay}" >
            <prism:PopupWindowAction>
                <prism:PopupWindowAction.WindowContent>
                    <views:CustomPopupView />
                </prism:PopupWindowAction.WindowContent>
            </prism:PopupWindowAction>
        </prism:InteractionRequestTrigger>
    </i:Interaction.Triggers>
</Button>

注1
确保您使用的视图(在上面的示例中为<views:CustomPopupWindow>)不是窗口,否则您将收到异常。

注2
如果您使用Prism 6,则需要进行这些修改。因为(正如我在下面的原始答案中所说),接受的答案使用的dll在Prism中被弃用 6。

注3
确保您引用的Prism.Wpf dll可能是downloaded from Nuget

<小时/> 原始答案
接受的答案 会定向到 Prism 5 ,它会使用不推荐使用的this library Prism 6

实际上the article which you reference在你的问题中非常有用(至少对我而言),并且不会崩溃。

我会尝试总结那篇文章。

<强>视图模型

public class ViewModel : BindableBase
{
    public ViewModel()
    {
        _showWindowCommand = new DelegateCommand(ShowWindow);
        _interactionRequest = new InteractionRequest<Confirmation>();
    }

    private readonly DelegateCommand _showWindowCommand;
    private InteractionRequest<Confirmation> _interactionRequest;

    public ICommand ShowWindowCommand
    {
        get { return _showWindowCommand; }
    }

    public IInteractionRequest InteractionRequest
    {
        get { return _interactionRequest; }
    }

    private void ShowWindow()
    {
        _interactionRequest.Raise(
            new Confirmation(),
            OnWindowClosed);
    }

    private void OnWindowClosed(Confirmation confirmation)
    {
        if (confirmation.Confirmed)
        {
            //perform the confirmed action...
        }
        else
        {

        }
    }
}

<强> XAML

<Button Command="{Binding ShowWindowCommand}" Content="Show Window" >
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Raised" SourceObject="{Binding InteractionRequest}">
            <i:EventTrigger.Actions>
                <local:ShowWindowAction></local:ShowWindowAction>
            </i:EventTrigger.Actions>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Button>

您将需要使用这些名称空间

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:local="clr-namespace:The namespace which contains the ShowWindowAction">

<强> ActionTrigger

using System;
using Prism.Interactivity.InteractionRequest;
using System.Windows.Interactivity;
using System.Windows;

public class ShowWindowAction : TriggerAction<FrameworkElement>
{
    protected override void Invoke(object parameter)
    {
        InteractionRequestedEventArgs args = parameter as InteractionRequestedEventArgs;
        if (args != null)
        {
            Confirmation confirmation = args.Context as Confirmation;
            if (confirmation != null)
            {
                // Replace ParametersWindow with your own window.
                ParametersWindow window = new ParametersWindow();
                EventHandler closeHandler = null;
                closeHandler = (sender, e) =>
                {
                    window.Closed -= closeHandler;
                    args.Callback();
                };
                window.Closed += closeHandler;
                window.Show();
            }
        }
    }
}

<强>解释

  1. 您需要Prism.CorePrism.Wpf dll(至少)才能使此代码正常工作。
  2. ShowWindow方法会触发Invoke的{​​{1}}方法,它会真正显示窗口。
  3. 你可以在ShowWindowAction中处理关闭窗口,我们将它作为回调传递给OnWindowClosed类,当窗口真正关闭时我们从那里调用它。

答案 2 :(得分:3)

此答案仅适用于Prism 7,
如果您使用的是先前版本的Prism(6及更低版本)
,那么此答案不适合您

Prism 7彻底改变了打开新窗口的方式。
如果您想阅读,这里是offical documentation

这里也是Youtube video,由棱镜库的创建者解释了这个想法。


Prism 7引入了DialogService,这是一种全新的打开新窗口的方式。

  1. 创建新的UserControl.xaml,它将代表窗口的内容。
    最简单的空白内容可能是
<UserControl x:Class="YourUserControlName"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:prism="http://prismlibrary.com/"
             prism:ViewModelLocator.AutoWireViewModel="True">
    <Grid>
    </Grid>
</UserControl>
  1. 为此视图创建相应的视图代号。
    此视图模型必须实现IDialogAware界面。
    这是一个例子
public class BaseDialogViewModel : IDialogAware
{
    public string Title { get; }

    public event Action<IDialogResult> RequestClose;

    public virtual void RaiseRequestClose(IDialogResult dialogResult)
    {
        RequestClose?.Invoke(dialogResult);
    }

    public virtual bool CanCloseDialog()
    {
        return true;
    }

    public virtual void OnDialogClosed()
    {

    }

    public virtual void OnDialogOpened(IDialogParameters parameters)
    {

    }
}
  1. 您必须像这样注册对话框
public void RegisterTypes(IContainerRegistry containerRegistry)
{
    // replace 'YourUserControlName' with the class of the view which you created in setp 1
    containerRegistry.RegisterDialog<YourUserControlName>();
}
  1. 最后一步是随时显示对话框
    通常,您希望在用户单击按钮或执行操作时显示对话框,
    ,因此通常在执行某些命令时执行以下代码,
    但还是由您决定。< / li>
_dialogService.ShowDialog(nameof(YourUserControlName), new DialogParameters(), action);
  • _dialogService的类型为IDialogService,并插入到视图模型中,您将在其中使用它,例如
public MainViewModel(IDialogService dialogService) 
{
   this._dialogService = dialogService;
}

Al,需要执行上述步骤才能显示窗口


还有一些其他可选步骤如果需要(不需要)

  1. 您可以通过添加以下内容来指定窗口的属性 prism:Dialog.WindowStyle xaml元素
<UserControl x:Class="YourUserControlName"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:prism="http://prismlibrary.com/"
             prism:ViewModelLocator.AutoWireViewModel="True">

    <prism:Dialog.WindowStyle>
        <Style TargetType="Window">
            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterScreen" />
            <Setter Property="ResizeMode" Value="NoResize"/>
            <Setter Property="ShowInTaskbar" Value="False"/>
            <Setter Property="WindowState" Value="Maximized"/>
        </Style>
    </prism:Dialog.WindowStyle>

    <Grid>
    </Grid>
</UserControl>
  1. 您可以为显示窗口的功能创建扩展方法
public static class DialogServiceExtensions
{
    public static void ShowWindowTest(this IDialogService dialogService, Action<IDialogResult> action)
    {
        dialogService.ShowDialog(nameof(WindowTestView), new DialogParameters(), action);
    }
}

主要文档推荐,但不需要


如果要为带有.NET Core 3.1的新Prism 7 WPF应用程序设置样板,则可以检出此Github repository
它包含上述设置以及用于启动WPF Prism应用程序的许多其他有用功能。

免责声明:我是存储库的作者