WinUI 3 TreeView：如何实现右键点击选中节点

核心思路 #

通过VisualTreeHelper从右键点击坐标定位到对应的TreeViewItem，再借助其Node属性获取TreeViewNode，之后手动完成节点选中并弹出操作菜单。

具体实现步骤 #

1. 给TreeView绑定右键点击事件 #

在XAML中为TreeView添加RightTapped事件：

<TreeView x:Name="MyTreeView" SelectionMode="Single" RightTapped="MyTreeView_RightTapped">
    <!-- 此处编写你的TreeView节点内容 -->
</TreeView>

2. 编写事件处理逻辑 #

在代码后台实现事件方法，完成节点定位、选中和菜单弹出：

private void MyTreeView_RightTapped(object sender, RightTappedRoutedEventArgs e)
{
    // 获取点击触发的原始元素
    var tappedElement = e.OriginalSource as UIElement;
    if (tappedElement == null) return;

    // 向上遍历视觉树，找到对应的TreeViewItem
    var treeViewItem = FindParent<TreeViewItem>(tappedElement);
    if (treeViewItem == null) return;

    // 获取对应的TreeViewNode
    var targetNode = treeViewItem.Node;
    if (targetNode == null) return;

    // 单选模式下手动选中该节点
    MyTreeView.SelectedNode = targetNode;

    // 创建操作菜单
    var flyout = new MenuFlyout();
    flyout.Items.Add(new MenuFlyoutItem() { Text = "编辑节点", Click = EditNode_Click });
    flyout.Items.Add(new MenuFlyoutItem() { Text = "删除节点", Click = DeleteNode_Click });

    // 在点击位置弹出菜单
    flyout.ShowAt(tappedElement, e.GetPosition(tappedElement));
}

// 辅助方法：遍历视觉树查找指定类型的父元素
private T FindParent<T>(DependencyObject child) where T : DependencyObject
{
    var parent = VisualTreeHelper.GetParent(child);
    if (parent == null) return null;

    if (parent is T parentElement)
        return parentElement;
    else
        return FindParent<T>(parent);
}

// 编辑节点示例事件
private void EditNode_Click(object sender, RoutedEventArgs e)
{
    var selectedNode = MyTreeView.SelectedNode;
    if (selectedNode != null)
    {
        // 此处编写编辑节点的逻辑
    }
}

// 删除节点示例事件
private void DeleteNode_Click(object sender, RoutedEventArgs e)
{
    var selectedNode = MyTreeView.SelectedNode;
    if (selectedNode != null && selectedNode.Parent != null)
    {
        selectedNode.Parent.Children.Remove(selectedNode);
    }
}

3. 关键说明 #

• FindParent方法是核心：右键点击的可能是节点内的子元素（如文本块、图标），需要向上遍历视觉树找到父级的TreeViewItem。
• 手动选中节点：单选模式下直接赋值SelectedNode即可完成选中，弥补右键点击不自动选中的问题。
• 菜单定位：通过e.GetPosition(tappedElement)确保菜单在用户点击的精准位置弹出。

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