设置TextBlock Focusable=True后TreeView需两次移焦？如何实现单次切换

这个问题我之前也碰到过——当你给TreeViewItem内部的TextBlock设置Focusable="True"后，焦点会卡在TextBlock和它的容器TreeViewItem之间：第一次按箭头键是把焦点从TextBlock移到父级TreeViewItem，第二次才会触发TreeView的默认导航逻辑切换到下一项，确实影响体验。下面给你几种可行的解决方案，优先推荐第一种，因为更贴合WPF的默认行为：

方案一：让TreeViewItem处理焦点和键盘事件（推荐） #

核心思路是取消TextBlock的焦点能力，把焦点和键盘事件交还给TreeViewItem，这样TreeView的默认导航逻辑就能正常工作，一次箭头键就能切换项。

修改DataTemplate #

把TextBlock的Focusable设为False，然后给TreeViewItem绑定键盘事件：

<TreeView>
    <!-- 给TreeViewItem添加KeyDown事件处理 -->
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem">
            <EventSetter Event="KeyDown" Handler="TreeViewItem_KeyDown"/>
        </Style>
    </TreeView.ItemContainerStyle>

    <TreeView.Resources>
        <DataTemplate DataType="{x:Type viewmodelbase:ChildItem}">
            <TextBlock Name="childtb" 
                       Text="{Binding DisplayName}" 
                       Focusable="False" 
                       MouseDown="Open_Document">
                <TextBlock.ContextMenu>
                    <ContextMenu>
                        <MenuItem Header="Add New Document"></MenuItem>
                    </ContextMenu>
                </TextBlock.ContextMenu>
            </TextBlock>
        </DataTemplate>
    </TreeView.Resources>
</TreeView>

后台处理键盘事件 #

在后台代码中处理TreeViewItem的KeyDown事件，实现你原本在TextBlock_KeyDown里的逻辑：

private void TreeViewItem_KeyDown(object sender, KeyEventArgs e)
{
    var treeViewItem = sender as TreeViewItem;
    var childViewModel = treeViewItem.DataContext as ChildItem;

    // 处理你需要的键盘逻辑，比如回车打开文档
    if (e.Key == Key.Enter || e.Key == Key.Space)
    {
        Open_Document(sender, null);
        e.Handled = true;
    }
    // 箭头键不需要额外处理，TreeView会默认完成导航，一次按键就能切换焦点
}

为什么有效？ 现在焦点直接落在TreeViewItem上，按下箭头键时TreeView的默认导航逻辑会直接触发，不会有焦点在TextBlock和容器之间切换的额外步骤。

方案二：保留TextBlock焦点，手动拦截键盘导航（适合特殊场景） #

如果你因为某些原因必须让TextBlock保持Focusable="True"（比如需要支持文本选中、复制），可以通过拦截TreeView的PreviewKeyDown事件，手动控制焦点切换：

给TreeView添加PreviewKeyDown事件 #

<TreeView PreviewKeyDown="TreeView_PreviewKeyDown">
    <!-- 你的原有DataTemplate，保留TextBlock的Focusable="True" -->
    <TreeView.Resources>
        <DataTemplate DataType="{x:Type viewmodelbase:ChildItem}">
            <TextBlock Name="childtb" 
                       Text="{Binding DisplayName}" 
                       Focusable="True" 
                       MouseDown="Open_Document" 
                       KeyDown="TextBlock_KeyDown">
                <TextBlock.ContextMenu>
                    <ContextMenu>
                        <MenuItem Header="Add New Document"></MenuItem>
                    </ContextMenu>
                </TextBlock.ContextMenu>
            </TextBlock>
        </DataTemplate>
    </TreeView.Resources>
</TreeView>

后台手动处理导航逻辑 #

private void TreeView_PreviewKeyDown(object sender, KeyEventArgs e)
{
    var treeView = sender as TreeView;
    if (treeView == null) return;

    // 拦截上下箭头键
    if (e.Key == Key.Down || e.Key == Key.Up)
    {
        var currentSelected = treeView.SelectedItem;
        var allItems = treeView.Items.Cast<object>().ToList();
        var currentIndex = allItems.IndexOf(currentSelected);

        if (e.Key == Key.Down && currentIndex < allItems.Count - 1)
        {
            // 选中下一项并设置焦点
            treeView.SelectedItem = allItems[currentIndex + 1];
            var nextItemContainer = treeView.ItemContainerGenerator.ContainerFromItem(allItems[currentIndex + 1]) as TreeViewItem;
            nextItemContainer?.Focus();
        }
        else if (e.Key == Key.Up && currentIndex > 0)
        {
            // 选中上一项并设置焦点
            treeView.SelectedItem = allItems[currentIndex - 1];
            var prevItemContainer = treeView.ItemContainerGenerator.ContainerFromItem(allItems[currentIndex - 1]) as TreeViewItem;
            prevItemContainer?.Focus();
        }

        // 标记事件已处理，避免默认逻辑干扰
        e.Handled = true;
    }
}

注意：这个方法需要处理TreeView的层级结构（比如有子项的情况），上面的示例是针对平级项的，如果你的TreeView有嵌套子项，需要额外递归处理子项列表。

方案三：MVVM风格的命令绑定（适合架构要求严格的项目） #

如果你的项目遵循MVVM模式，可以通过附加属性或自定义行为，把TreeViewItem的键盘事件绑定到ViewModel的命令上，同时保持焦点在TreeViewItem上。比如使用RelayCommand（或类似的实现）：

ViewModel中定义命令 #

public class ChildItem : ViewModelBase
{
    public ICommand OpenDocumentCommand { get; }
    public string DisplayName { get; set; }

    public ChildItem()
    {
        OpenDocumentCommand = new RelayCommand(ExecuteOpenDocument);
    }

    private void ExecuteOpenDocument()
    {
        // 打开文档的逻辑
    }
}

绑定TreeViewItem的命令 #

<TreeView>
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem">
            <Setter Property="Command" Value="{Binding OpenDocumentCommand}"/>
            <Setter Property="CommandParameter" Value="{Binding}"/>
            <!-- 绑定键盘触发条件 -->
            <Setter Property="InputBindings">
                <InputBindingCollection>
                    <KeyBinding Key="Enter" Command="{Binding OpenDocumentCommand}"/>
                    <KeyBinding Key="Space" Command="{Binding OpenDocumentCommand}"/>
                </InputBindingCollection>
            </Setter>
        </Style>
    </TreeView.ItemContainerStyle>

    <TreeView.Resources>
        <DataTemplate DataType="{x:Type viewmodelbase:ChildItem}">
            <TextBlock Text="{Binding DisplayName}" Focusable="False">
                <TextBlock.ContextMenu>
                    <ContextMenu>
                        <MenuItem Header="Add New Document" Command="{Binding OpenDocumentCommand}"/>
                    </ContextMenu>
                </TextBlock.ContextMenu>
            </TextBlock>
        </DataTemplate>
    </TreeView.Resources>
</TreeView>

这种方法完全脱离后台代码，符合MVVM的设计原则，同时也能解决焦点切换的问题。

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