如何在Mahapps HamburgerMenu中实现动态内容或使用ContentTemplateSelector

场景回顾 #

你已完成：

• HamburgerMenu绑定ObservableCollection<ViewModelBase>作为动态菜单项源
• 通过自定义DataTemplateSelector，根据ViewType为菜单项渲染对应模板

当前问题：无法关联展示选中菜单项对应的内容视图，直接使用HamburgerMenu的ContentTemplateSelector时，方法的item参数始终为null；已知控件模板内的TransitioningContentControl带有该属性，但不知如何操作。

方案一：自定义控件模板，绑定内部TransitioningContentControl的ContentTemplateSelector #

HamburgerMenu的默认模板中，内容展示由命名为PART_ContentPresenter的TransitioningContentControl负责，你可以通过重写模板为其绑定自定义的内容模板选择器：

1. 提取HamburgerMenu的默认模板（可通过Blend或Mahapps官方源码获取）
2. 找到模板内的PART_ContentPresenter，添加ContentTemplateSelector绑定
3. 确保Content绑定到控件的SelectedItem（默认模板通常已包含此绑定）

示例代码：

<Controls:HamburgerMenu x:Name="HamburgerMenuControl"
                        ItemsSource="{Binding HamburgerContentItems}"
                        ItemTemplateSelector="{StaticResource HamburgerItemDataSelector}">
    <Controls:HamburgerMenu.Template>
        <ControlTemplate TargetType="Controls:HamburgerMenu">
            <!-- 保留默认模板的其他结构 -->
            <Grid>
                <!-- 汉堡菜单按钮、菜单项列表等部件 -->
                <TransitioningContentControl x:Name="PART_ContentPresenter"
                                            Content="{Binding SelectedItem, RelativeSource={RelativeSource TemplatedParent}}"
                                            ContentTemplateSelector="{StaticResource YourContentTemplateSelector}"
                                            Transition="EntranceNavigationTransition"/>
            </Grid>
            <!-- 保留默认模板的其他结构 -->
        </ControlTemplate>
    </Controls:HamburgerMenu.Template>
</Controls:HamburgerMenu>

此方式下，TransitioningContentControl的Content会关联当前选中的菜单项ViewModel，ContentTemplateSelector就能拿到有效item参数，从而选择对应内容模板。

方案二：利用DataTemplate DataType自动匹配（无需Selector） #

如果已为每个子ViewModel定义了带DataType的DataTemplate（如你提供的OpenProjectsViewModel模板），可以直接将这些模板放入HamburgerMenu的资源中，WPF会自动根据选中ViewModel的类型匹配对应视图：

示例代码：

<Controls:HamburgerMenu x:Name="HamburgerMenuControl"
                        ItemsSource="{Binding HamburgerContentItems}"
                        ItemTemplateSelector="{StaticResource HamburgerItemDataSelector}">
    <Controls:HamburgerMenu.Resources>
        <DataTemplate DataType="{x:Type VALViews:OpenProjectsViewModel}">
            <Grid>
                <VALViews:OpenProjectsView/>
            </Grid>
        </DataTemplate>
        <DataTemplate DataType="{x:Type VALViews:SearchViewModel}">
            <Grid>
                <VALViews:SearchView/>
            </Grid>
        </DataTemplate>
    </Controls:HamburgerMenu.Resources>
</Controls:HamburgerMenu>

这种方式更简洁，无需额外编写模板选择器，WPF会自动完成视图匹配。

注意事项 #

• 确保子ViewModel（如OpenProjectsViewModel）正确继承ViewModelBase，且ViewType属性设置正确
• 使用方案一时，需保留模板内的命名部件（如PART_ContentPresenter），否则会影响HamburgerMenu的内置交互逻辑
• 使用方案二时，需保证每个子ViewModel的DataType唯一，避免模板冲突

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