WinUI3 CommunityToolkit TreeViewItem点击选择高亮异常问题

嘿，这个问题我之前也碰到过类似的情况，大概率是**CanDrag的设置位置不对**，导致拖拽逻辑干扰了TreeViewItem的选中事件路由。咱们一步步来解决：

问题根源 #

当你在ItemTemplate内部的元素上直接设置CanDrag="True"时，这个元素会优先处理拖拽相关的输入事件（比如PointerPressed），打断了TreeViewItem容器本身的选中逻辑——这就是为什么点击部分区域（比如你说的“U”或“Level 1”）只有按下样式，松开后无法保持选中的原因。

具体解决方案 #

1. 将CanDrag移到TreeViewItem容器级别 #

不要在模板内部的元素上设置CanDrag，而是把这个属性绑定/设置到TreeViewItem容器上。这样拖拽能力属于容器本身，不会抢占内部内容的点击事件。

修改你的XAML，添加ItemContainerStyle来设置CanDrag：

<TreeView>
    <!-- 给TreeViewItem容器设置拖拽能力 -->
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem">
            <Setter Property="CanDrag" Value="True"/>
            <!-- 可以保留你原来的其他样式设置 -->
        </Style>
    </TreeView.ItemContainerStyle>

    <!-- 你的原有ItemTemplate，移除内部元素的CanDrag设置 -->
    <TreeView.ItemTemplate>
        <DataTemplate>
            <!-- 移除这里的CanDrag="True" -->
            <Border Padding="8">
                <StackPanel>
                    <TextBlock Text="{Binding GroupName}"/>
                    <TextBlock Text="{Binding DisplayName}"/>
                    <TreeView ItemsSource="{Binding Children}"/>
                </StackPanel>
            </Border>
        </DataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

2. 排查模板内元素的事件拦截 #

如果调整后还是有问题，检查模板内的元素（比如Border、TextBlock）是否设置了：

• IsHitTestVisible="False"：这会让元素无法接收点击事件
• 自定义的PointerPressed/PointerReleased事件处理：如果这些事件标记了Handled="True"，会阻止事件传递到TreeViewItem

确保这些元素的命中测试和事件路由是正常的。

3. 验证TreeView的SelectionMode #

确认你的TreeView的SelectionMode不是None（虽然你说部分区域能选中，这个概率低，但可以快速排查）：

<TreeView SelectionMode="Single">
    <!-- ... 其他设置 ... -->
</TreeView>

为什么这样有效？ #

TreeView的选中逻辑是由TreeViewItem容器处理的，当你把CanDrag放在容器上时，拖拽和选中的事件路由不会冲突——容器会同时处理拖拽触发和选中状态，内部内容只负责显示，不会干扰输入事件。

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