使用 MVVM 的 WPF 导航

本文关键字：导航 WPF MVVM 使用 | 更新日期: 2023-09-27 17:56:14

我试图遵循这篇文章中提供的答案，但我一定错过了一些微不足道的东西。 我将DataTemplate定义为App.xaml如下：

<Application.Resources>
    <DataTemplate DataType="{x:Type vm:BlowerViewModel}">
        <v:BlowerView />
    </DataTemplate>
    <DataTemplate DataType="{x:Type vm:HomeViewModel}">
        <v:HomeView />
    </DataTemplate>
</Application.Resources>

然后，在我的MainWindow.xaml中，我定义了以下代码：

<Window x:Class="App.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:App.UI.ViewModel"
        Title="MainWindow" SizeToContent="WidthAndHeight">
    <Window.DataContext>
        <vm:MainViewModel />
    </Window.DataContext>
    <ContentControl Content="{Binding CurrentView}" />
</Window>

MainViewModel的代码包含一个属性CurrentView和一个ICommand，因此我可以切换视图。 定义如下：

public class MainViewModel : BaseViewModel
{
    private BaseViewModel _currentView;
    public MainViewModel()
    {
        CurrentView = new HomeViewModel();
    }
    public BaseViewModel CurrentView
    {
        get { return _currentView; }
        set
        {
            if (_currentView != value)
            {
                _currentView = value;
                RaiseChangedEvent("CurrentView");
            }
        }
    }
    public ICommand SwitchView { 
        get {
            return new CommandHandler(() => SwitchBlower());
        }
    }
    protected void SwitchBlower()
    {
        CurrentView = new BlowerViewModel(); 
    }
}

在我的HomeView.xaml中，我定义了一个链接到MainViewModel以执行SwitchView ICommand的按钮。 如下所示。

<UserControl x:Class="App.UI.View.HomeView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:App.UI.ViewModel"
        Height="300" Width="300">
    <Grid>
        <TextBlock>This is the homeview</TextBlock>
        <Button Command="{Binding DataContext.SwitchView, RelativeSource={RelativeSource AncestorType={x:Type vm:MainViewModel}}, Mode=OneWay}" Content="Test" />
    </Grid>
</UserControl>

当我启动应用程序时，它不会注册事件，并且单击按钮不会触发事件来更改视图。我尝试在ICommand get和函数调用本身中放置断点。 起初，我认为也许我需要在数据模板中定义MainViewModel，但这样做会导致以下错误（即使项目构建良好）

无法将窗口放在样式中

任何人都可以提供我需要的缺失部分来使其工作吗？

使用 MVVM 的 WPF 导航

AncestorType 应该是 MainWindow 而不是 MainViewModel。MainViewModel 不是可视化树中的类。

相关文章：