c# - 从另一个 View 模型调用 WPF 命令的 MVVM 方法是什么？

Question

我正在尝试了解有关 WPF 中 MVVM 实现的更多信息，目前需要一些有关使用 ViewModel 进行导航的指导。我正在关注 Rachel's blog 中的 WPF 导航示例并且需要一种从其他 ViewModel 调用 ApplicationViewModel 的命令的方法。

根据博客，从 MainWindow 切换 View 非常清楚，但我想了解更多关于 View 间导航的信息，例如，我在 MainWindow 上有 Home、Product 和 Contact 按钮以及 View 和 ViewModel 类，现在我想从主页 View 而不是主窗口中的某个按钮打开联系人页面。我已经在 Home ViewModel 中编写了一些代码来实现相同的目的，但我怀疑这是否是 MVVM 的最佳实践。有什么方法可以从 HomeView.XAML 实现相同的目的吗？

来自博客的代码片段 - ApplicationViewModel.cs

private ICommand _changePageCommand;

private IPageViewModel _currentPageViewModel;
private List<IPageViewModel> _pageViewModels;

public ApplicationViewModel()
{
    // Add available pages in c'tor
    PageViewModels.Add(new HomeViewModel(this));
    PageViewModels.Add(new ProductsViewModel());
    PageViewModels.Add(new ContactViewModel());
}

public ICommand ChangePageCommand
{
    get
    {
        if (_changePageCommand == null)
            _changePageCommand = new RelayCommand(
              p => ChangeViewModel((IPageViewModel)p), p => p is IPageViewModel);

        return _changePageCommand;
    }
}

private void ChangeViewModel(IPageViewModel viewModel)
{
    if (!PageViewModels.Contains(viewModel))
        PageViewModels.Add(viewModel);

    CurrentPageViewModel = PageViewModels.FirstOrDefault(vm => vm == viewModel);
}

来自博客的代码片段 - ApplicationView.xaml

<Window.Resources>
    <DataTemplate DataType="{x:Type local:HomeViewModel}">
        <local:HomeView />
    </DataTemplate>

    <!-- Data template for other views -->
</Window.Resources>

<DockPanel>
    <Border DockPanel.Dock="Left" BorderBrush="Black" BorderThickness="0,0,1,0">
        <ItemsControl ItemsSource="{Binding PageViewModels}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Button Content="{Binding Name}" 
                            Command="{Binding DataContext.ChangePageCommand, 
                            RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
                            CommandParameter="{Binding }"/>

 <!--All closing tags-->

我在 HomeViewModel.cs 中的代码

// This is the command to get bind with my button inside Home view to invoke Contact view

private ICommand _loadContactCommand;
public ICommand LoadContactCommand
{
    get
    {
        if (_loadContactCommand == null)
            _loadContactCommand = new RelayCommand(p => LoadOtherView());

        return _loadContactCommand;
    }
}

private void LoadOtherView()
{
    // _appVM is the instance of 'ApplicationViewModel' which is being set from c'tor
    // Even I'm thinking to pass Contact view member of ApplicationViewModel class here, 
    // as I need exactly the same instance of the Contact which has been created earlier

    _appVM.ChangePageCommand.Execute(new ContactViewModel());
}

Answer 1

我有几种方法可以做到这一点。

第一个，如果 Action 是交互的服务类型，我认为这是一个相当好的例子，我会在接口(interface)中描述 Action 并将其作为依赖项注入(inject)到需要它的 ViewModel。

这实际上就是您正在做的事情，但值得将其抽象为一个界面。这减少了两个 ViewModel 之间的紧密耦合。

这是一个在 IPageDisplay 接口(interface)中包装功能的示例:

public interface IPageDisplay
{
    IPageViewModel GetCurrentPage();
    void ChangeViewModel(IPageViewModel newPage);
}

您的 ApplicationViewModel 实现了它并且具有与之前完全相同的方法:

public class ApplicationViewModel: IPageDisplay
{
    // implement like you are doing

你是 HomeViewModel 然后作为一个接口(interface)，而不是“整个”ViewModel:

class HomeViewModel
{
    HomeViewModel(IPageDisplay pageDisplay) {//constructor stuff}

private void LoadOtherView()
{
    // Instead of interacting with a whole ViewModel, we just use the interface
    _pageDisplay.ChangePageCommand.Execute(new ContactViewModel());
}

这是“更安全”的，因为它更抽象。您可以通过模拟 IPageDisplay 来测试 HomeViewModel 而无需创建 AppViewModel。您可以更改页面的显示方式或 AppViewModel 的实现，您还可以通过 IPageDisplay 的一些其他实现在任何其他类型的位置显示您的页面。

值得注意的是，任何需要执行导航操作的页面都需要一个IPageDisplay。如果您有很多依赖项，那么匹配所有这些依赖项可能会很麻烦 - 这就是依赖注入(inject)框架之类的东西真正可以提供帮助的地方。

第二个 是评论中建议的中介模式。您可以有一个通用中介 PageManager，它定义 ChangeViewModel(IPageViewModel newPage); 方法并触发 ChangeViewModelRequest 事件或回调。 ApplicationViewModel 和任何其他想要更改当前页面的 ViewModels 接受 PageManager 实例作为依赖项。 ApplicationViewModel监听事件，对方调用ChangeViewModelRequest触发。

同样，如果这是在复杂的应用程序中，则需要有效地管理依赖注入(inject)。

这自然会导致第三个。这是中介模式的扩展，一个事件聚合器。

事件聚合器是一种通用服务，允许所有不同的 ViewModel 引发或订阅应用程序范围的事件。这绝对值得一看。

在这里，您的 ApplicationViewModel 订阅了事件:

public class ApplicationViewModel
{
    private EventAgregator _eventAggregator;

    ApplicationViewModel(EventAgregator eventAggregator)
    {
        this._eventAggregator = eventAggregator;
        _eventAggregator.Subscribe('ChangeViewModelRequest', (EventArgs eventArgs) => ChangeViewModel(eventArgs.Parameter))
    }

    private void ChangeViewModel(IPageViewModel viewModel)
    {
        if (!PageViewModels.Contains(viewModel))
            PageViewModels.Add(viewModel);

        CurrentPageViewModel = PageViewModels.FirstOrDefault(vm => vm == viewModel);
    }
}

然后 HomeViewModel 发布到事件:

private void LoadOtherView()
{
    _eventAggregator.Publish("ChangeViewModelRequest", new EventArgs(new ContactViewModel()));
}

您可以使用大量事件聚合器，其中一些内置于 MVVM 框架中，例如 Prism。

虽然，与所有其他依赖项一样，这是一个依赖项 - 它是一个非常通用的依赖项。很有可能，您的大多数 ViewModel 都需要访问聚合器实例并将其作为依赖项，因为它可用于几乎所有 View 模型间通信。简单地让所有 VM 将它传递给构造函数中任何创建的 VM 就可以用于一个简单的应用程序。但我仍然会说支持依赖注入(inject)的东西(比如工厂模式？)值得实现。

编辑:

这是您的 HomeViewModel 所需的:

public class HomeViewModel : IPageViewModel // doesn't implement IPageDisplay
{
    private IPageDisplay _pageDisplay;
    public HomeViewModel(IPageDisplay pageDisplay)
    {
        // HomeViewModel doesn't implement IPageDisplay, it *consumes* one
        // as a dependency (instead of the previous ApplicationViewModel).
        // Note, that the instance you're passing still is the ApplicationViewModel,
        // so not much has actually changed - but it means you can have another
        // implementation of IPageDisplay. You're only linking the classes together
        // by the functionality of displaying a page.
        _pageDisplay= pageDisplay;
    }

    public string Name
    {
        get
        {
            return "Home Page";
        }
    }

    private ICommand _loadDashboardCommand;
    public ICommand LoadDashboardCommand
    {
        get
        {
            if (_loadDashboardCommand == null)
            {
                _loadDashboardCommand = new RelayCommand(
                    p => LoadOtherView());
            }
            return _loadDashboardCommand;
        }
    }

    private void LoadOtherView()
    {
        // Here you have the context of ApplicatiomViewModel like you required
        // but it can be replaced by any other implementation of IPageDisplay
        // as you're only linking the little bit of interface, not the whole class

        _pageDisplay.ChangeViewModel(new DashboardViewModel());
    }
}