WPF MVVM架构下汉堡菜单UserControl导航点击无视图显示问题求助

1. 核心错误：MenuViewModel中触发菜单切换时，新创建了一个MainWindowViewModel实例，修改的是这个新实例的SelectedViewModel属性，而界面绑定的是原本的MainWindowViewModel实例，两个实例完全独立，修改不会同步到界面。
2. 潜在问题1：未给不同业务ViewModel配置对应View的DataTemplate映射，ContentControl无法自动将ViewModel渲染为对应的UserControl视图。
3. 潜在问题2：菜单项的CommandParameter传递错误，或者RelayCommand未正确实现参数传递，导致load_menuChoiced方法没有进入预期的分支。

1. 修正实例引用关系，通过构造函数注入MainWindowViewModel #

修改MenuViewModel.cs，将原本的无参构造改为需要传入MainWindowViewModel实例的构造，不再自己创建新的MainWindowViewModel：

#region Variable
MainWindowViewModel mainWindowObj;
#endregion Variable

#region Constructor
// 构造函数接收父级MainWindowViewModel实例
public MenuViewModel(MainWindowViewModel mainWindow)
{
    mainWindowObj = mainWindow;
    menuCommand = new RelayCommand(load_menuChoiced);
}
#endregion Constructor

#region Properties
public ICommand menuCommand { get; set; }
#endregion Properties

#region Private Method
public void load_menuChoiced(object obj)
{
    switch (obj)
    {
        case "Home":
            // 直接修改传入的原实例的SelectedViewModel，不要new新的MainWindowViewModel
            mainWindowObj.SelectedViewModel = new HomeViewModel();
            break;
        case "Graphic":
            mainWindowObj.SelectedViewModel = new GraphicViewModel();
            break;
        case "Setting":
            mainWindowObj.SelectedViewModel = new SettingViewModel();
            break;
        default:
            break;
    }
}
#endregion Private Method

2. 修改MainWindowViewModel的构造函数，把自身传递给MenuViewModel #

public MainWindowViewModel()
{
    // 把当前实例传给MenuViewModel
    Menu = new MenuViewModel(this);
}

3. 配置ViewModel到View的DataTemplate映射 #

在App.xaml的资源节点中添加对应映射，确保ContentControl可以自动匹配ViewModel对应的视图：

<Application.Resources>
    <!-- 其他资源 -->
    <DataTemplate DataType="{x:Type vm:HomeViewModel}">
        <view:HomeView />
    </DataTemplate>
    <DataTemplate DataType="{x:Type vm:GraphicViewModel}">
        <view:GraphicView />
    </DataTemplate>
    <DataTemplate DataType="{x:Type vm:SettingViewModel}">
        <view:SettingView />
    </DataTemplate>
</Application.Resources>

注意要先引入ViewModel和View所在的命名空间，比如xmlns:vm="clr-namespace:你的项目名.ViewModels"、xmlns:view="clr-namespace:你的项目名.Views"。

4. 验证菜单项绑定 #

确保菜单项的Command绑定到menuCommand，CommandParameter传递正确的字符串参数，示例如下：

<MenuItem Header="首页" Command="{Binding menuCommand}" CommandParameter="Home"/>
<MenuItem Header="图表" Command="{Binding menuCommand}" CommandParameter="Graphic"/>
<MenuItem Header="设置" Command="{Binding menuCommand}" CommandParameter="Setting"/>

内容的提问来源于stack exchange，提问作者Zeratec