在 WPF Prism MVVM 的同一模块中切换视图

Question

我试图了解如何在使用 prism 和 unity 的 wpf mvvm 应用程序中切换视图及其视图模型。我从教程中整理了一些东西，但还有其他问题，因为有些事情似乎不正确。到目前为止，我所拥有的是一个带有 shell.xaml 窗口的 WPF 应用程序，该窗口具有使用棱镜区域的部分占位符。此外，我有一个引导程序类来注册模块，这些模块将填充 shell.xaml 窗口中的不同区域。在作为类库的模块中，我具有设置视图和视图模型的初始化函数。我在这个应用程序中只有两个区域，导航和工作区。我在导航上有 2 个按钮，它们会更改工作区中的视图。工作区视图位于它们自己的模块中。所以此时每个工作区视图都有自己的类库模块。在大型应用程序中，让每个视图都有自己的类库似乎是不合理的。我想知道如何在一个类库中拥有多个视图和视图模型并将它们交换进出。如果你有一个很好的分步教程，那就太好了。

Answer 1

我知道这已经晚了 4 年，但无论如何我都会给出答案。 您要做的第一件事是将所需的视图添加到 Views 文件夹中，并将其相应的 ViewModels 添加到 ViewModels 文件夹中，以便您具有如下所述的结构：

视图模型

• ViewModelA
• ViewModelB

观看次数

• 视图A
• 视图B

ViewModel 及其对应的视图可能如下所示：

ViewModelA

using System;

namespace SomeApp.DemoModule.ViewModels
{
    public class ViewModelA : INavigationAware
    {
        public ViewModelA(IUnityContainer container, IRegionManager regionManager, IEventAggregator eventAggregator)
        {
            this.container = container;
            this.regionManager = regionManager;
            this.eventAggregator = eventAggregator;
        }

        public bool IsNavigationTarget(NavigationContext navigationContext)
        {
            return true;
        }

        public void OnNavigatedFrom(NavigationContext navigationContext)
        {
        }

        public void OnNavigatedTo(NavigationContext navigationContext)
        {
            //Do stuff here

            //For navigation back
            navigationService = navigationContext.NavigationService;
        }

        #region Executes
        /// <summary>
        /// Command when ViewB button clicked
        /// </summary>
        public void Execute_ViewBCommand()
        {
            regionManager.RequestNavigate("REGIONNAME_HERE", new Uri("ViewB", UriKind.Relative));
        }

查看A

<UserControl x:Class="DemoModule.Views.ViewA"
         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:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:ViewInjection.Views"
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<Grid>
  <Button Content="VIEWB" FontSize="38" Command="{Binding ViewBCommand}"></Button>
</Grid>

ViewA.Xaml.cs

   namespace SomeApp.DemoModule.Views
{
    /// <summary>
    /// Interaction logic for ViewA.xaml
    /// </summary>
    public partial class ViewA : UserControl
    {
        public ViewA(ViewModelA model)
        {
            InitializeComponent();
            this.DataContext = model;
        }
    }
}

视图模型B

    using System;

namespace SomeApp.DemoModule.ViewModels
{
    public class ViewModelB : INavigationAware
    {
        public ViewModelB(IUnityContainer container, IRegionManager regionManager, IEventAggregator eventAggregator)
        {
            this.container = container;
            this.regionManager = regionManager;
            this.eventAggregator = eventAggregator;
        }

        public bool IsNavigationTarget(NavigationContext navigationContext)
        {
            return true;
        }

        public void OnNavigatedFrom(NavigationContext navigationContext)
        {
        }

        public void OnNavigatedTo(NavigationContext navigationContext)
        {
            //Do stuff here

            //For navigation back
            navigationService = navigationContext.NavigationService;
        }

        #region Executes
        /// <summary>
        /// Command when ViewA button clicked
        /// </summary>
        public void Execute_ViewACommand()
        {
            regionManager.RequestNavigate("REGIONNAME_HERE", new Uri("ViewA", UriKind.Relative));
        }

视图B

 <UserControl x:Class="DemoModule.Views.ViewB"
         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:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<Grid>
  <Button Content="VIEWA" FontSize="38" Command="{Binding ViewACommand}"></Button>
</Grid>

ViewB.Xaml.cs

   namespace SomeApp.DemoModule.Views
{
    /// <summary>
    /// Interaction logic for ViewB.xaml
    /// </summary>
    public partial class ViewB : UserControl
    {
        public ViewB(ViewModelB model)
        {
            InitializeComponent();
            this.DataContext = model;
        }
    }
}

您可以通过多种方式注册您的视图，我们使用项目根目录中的 DemoModuleInit 类来注册视图：

DemoModuleInit

public class DemoModuleInit : IModule
{
    private IRegionManager regionManager;

    /// <summary>
    /// Bind your interfaces, subscribe to events, do stuff that needs to be done on intialization of module
    /// </summary>
    public void OnInitialized(IContainerProvider containerProvider)
    {
        // Setup Event listeners etc...
        regionManager = containerProvider.Resolve<IRegionManager>();
    }

    /// <summary>
    /// Register your views for this Module
    /// </summary>
    public void RegisterTypes(IContainerRegistry containerRegistry)
    {
        containerRegistry.RegisterForNavigation<ViewA>();
        containerRegistry.RegisterForNavigation<ViewB>();
    }

如果实施正确，您应该能够在同一模块中从 ViewA 导航到 ViewB 并返回 有关 Prism 的更多信息，请查看： Prsim on GitHub

Answer 2

您可以根据需要在模块中拥有任意数量的视图。您只需要浏览它们。为此，您需要注册它们，然后从每个视图模型中，您可以请求从区域管理器导航到另一个视图。看看这里prism navigation