WPF TreeViewItem中StackPanel空白区域右键无法触发ContextMenuOpening事件的问题

嗨，这个问题我之前也碰到过，其实原因很简单：WPF里默认只有带有背景的元素才会接收鼠标输入事件，你StackPanel的空白区域（包括元素间的间距、margin）没有设置背景，鼠标右键点击的时候，事件直接穿透到了下面的元素（比如TreeViewItem的默认模板区域），没被你的Grid或StackPanel捕获到，自然就触发不了ContextMenuOpening啦。

给你两个简单的解决办法，亲测有效：

方法一：给容器设置透明背景（最推荐） #

只需要给你的Grid或者StackPanel加上Background="Transparent"就行，透明背景不会影响视觉效果，但能让整个区域变成可交互的，鼠标点击空白处也能触发事件。修改后的代码大概是这样：

<TreeView.Resources>
    <HierarchicalDataTemplate DataType="{x:Type treeViewVM:BaseTreeViewItemVM}" ItemsSource="{Binding SubItems}">
        <!-- 给Grid加上透明背景 -->
        <Grid ContextMenu="{Binding ContextMenu}" Background="Transparent">
            <StackPanel Orientation="Horizontal" Margin="2">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="PreviewMouseRightButtonDown">
                        <i:ChangePropertyAction PropertyName="IsSelected" Value="true" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
                <!-- 你的Image和TextBlock放在这里 -->
            </StackPanel>
        </Grid>
    </HierarchicalDataTemplate>
</TreeView.Resources>

方法二：调整事件捕获逻辑 #

如果不想设置背景，也可以给StackPanel添加PreviewMouseRightButtonDown事件的处理逻辑，在后台代码里手动触发ContextMenu或者选中当前项。不过这个方法比设置背景麻烦，不如第一种直接。

另外提醒下：你把ContextMenu绑定在Grid上是对的，加上透明背景后，整个Grid的范围（包括StackPanel的margin和空白区域）都会响应右键操作，完美解决你的问题～

备注：内容来源于stack exchange，提问作者Yannick