如何将独立创建的MultiViewContextMenu注入TreeView并实现选中触发？

现有代码的核心问题 #

• TreeView的ContextMenu="{DynamicResource }"未指定资源键，无法定位自定义的MultiViewContextMenu控件
• 直接给TreeView绑定ContextMenu会导致右键点击整个TreeView区域就触发菜单，而非仅选中TreeViewItem时触发
• MultiViewContextMenu内部直接实例化ViewModel，无法关联选中的TreeViewItem数据，命令逻辑无法获取目标对象

修复步骤 #

步骤1：注册自定义上下文菜单为资源 #

在TreeView所在视图的资源区域（或App.xaml的<Application.Resources>）中引入MultiViewContextMenu，并指定资源键：

<!-- 先声明命名空间，替换为你的控件所在命名空间 -->
xmlns:uc="clr-namespace:ContextView.UserControls.TopologySelector"

<!-- 注册为静态资源 -->
<uc:MultiViewContextMenu x:Key="MultiViewContextMenu" />

步骤2：将ContextMenu绑定到TreeViewItem #

移除TreeView本身的ContextMenu属性，转而在TreeView的Resources中定义TreeViewItem的样式，把菜单绑定到每个列表项上，并确保右键点击时自动选中当前项：

<TreeView Grid.Row="1" ItemsSource="{Binding DirItems}" BorderBrush="Transparent" Background="Transparent"
          ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Hidden">
    <TreeView.Resources>
        <!-- 为TreeViewItem绑定自定义上下文菜单 -->
        <Style TargetType="TreeViewItem">
            <Setter Property="ContextMenu" Value="{StaticResource MultiViewContextMenu}" />
            <EventSetter Event="PreviewMouseRightButtonDown" Handler="TreeViewItem_PreviewMouseRightButtonDown" />
        </Style>

        <HierarchicalDataTemplate DataType="{x:Type model:DirectoryItem}" ItemsSource="{Binding Items}">
            <DockPanel>
                <CheckBox IsChecked="{Binding IsChecked}" Margin="0"/>
                <Image Height="{Binding HeightIcon}" Width="{Binding WidthIcon}" Source="{Binding Path=DeviceIconSource}"/>
                <Ellipse Height="{Binding FunctionalStatusHeight}" Width="{Binding FunctionalStatusWidth}" Margin="3"
                         Fill="{Binding FunctionalStatus, Converter={StaticResource integerToColorConverter},
                    UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>
                <TextBlock Text="{Binding Path=Name, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" FontSize="15" Margin="0"/>
            </DockPanel>
        </HierarchicalDataTemplate>
    </TreeView.Resources>
</TreeView>

步骤3：添加后台代码实现右键选中 #

在TreeView所在视图的后台代码（.xaml.cs）中添加事件处理方法，确保右键点击时自动选中当前TreeViewItem：

private void TreeViewItem_PreviewMouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
    if (sender is TreeViewItem item)
    {
        item.IsSelected = true;
        e.Handled = true;
    }
}

步骤4：优化ContextMenu的数据关联 #

如果需要让菜单命令获取选中的TreeViewItem数据，修改MultiViewContextMenu的XAML，通过Tag传递选中项，并绑定命令参数：

1. 先在视图资源中实例化菜单ViewModel：

<viewModel:MultiViewContextMenuViewModel x:Key="MenuViewModel" />

2. 修改MultiViewContextMenu的XAML：

<ContextMenu x:Class="ContextView.UserControls.TopologySelector.MultiViewContextMenu"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:viewModel="clr-namespace:ContextView.ViewModels.TopologySelector"
             mc:Ignorable="d"
             Height="450" Width="800"
             DataContext="{StaticResource MenuViewModel}">
    <!-- 绑定当前选中的TreeViewItem数据到Tag -->
    <ContextMenu.Tag>
        <Binding RelativeSource="{RelativeSource Self}" Path="PlacementTarget.DataContext" />
    </ContextMenu.Tag>
    
    <MenuItem Header="{Binding Header}" HorizontalContentAlignment="Left" Style="{StaticResource titledContextMenuItem}"/>
    <!-- 其他MenuItem保持不变 -->
    <MenuItem HorizontalAlignment="Left" 
              Command="{Binding AddToLiveContentCommand}" 
              CommandParameter="{Binding Tag, RelativeSource={RelativeSource AncestorType=ContextMenu}}">
        <MenuItem.Header>
            <StackPanel Orientation="Horizontal">
                <Image Margin="-30,0,10,0" Style="{StaticResource PinboardImageStyle}" Source="{StaticResource SelectedPin}"/>
                <Label Style="{StaticResource ContextMenuLabelStyle}" Content="Pin/unpin"/>
            </StackPanel>
        </MenuItem.Header>
    </MenuItem>
</ContextMenu>

此时AddToLiveContentCommand就能通过CommandParameter获取到选中的DirectoryItem实例。

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