TabNavigation进入ListBox时如何自动选中第一项？

嘿，我完全懂你遇到的这个困扰——用Tab键导航进ListBox的时候，第一项只是拿到焦点却没被选中，再按Tab还会意外选中第二项，这确实和预期的交互逻辑不符。咱们可以用两种实用的方式来搞定这个问题：

方法1：通过事件处理快速实现 #

最简单的方式就是给ListBox绑定GotKeyboardFocus事件，在它首次获得焦点时自动选中第一项。

修改后的XAML代码： #

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <TextBox Text="Focus"/>
    <ListBox Grid.Row="1" KeyboardNavigation.TabNavigation="Continue"
             GotKeyboardFocus="ListBox_GotKeyboardFocus">
        <ListBoxItem Content="Test1"/>
        <ListBoxItem Content="Test2"/>
        <ListBoxItem Content="Test3"/>
    </ListBox>
</Grid>

后台代码（C#）： #

private void ListBox_GotKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
{
    var listBox = sender as ListBox;
    // 确认ListBox不为空、有项，且当前没有选中项，同时焦点是直接落到ListBox本身（不是内部项）
    if (listBox != null && listBox.Items.Count > 0 && listBox.SelectedItem == null && e.NewFocus == listBox)
    {
        // 选中第一项
        listBox.SelectedIndex = 0;
        // 滚动到该项并让它获得键盘焦点，保证后续导航正常
        listBox.ScrollIntoView(listBox.Items[0]);
        Keyboard.Focus(listBox.ItemContainerGenerator.ContainerFromIndex(0) as UIElement);
    }
}

这个逻辑的核心是只在ListBox本身首次获得焦点时触发，避免后续内部项导航时重复执行，同时确保选中+聚焦的体验连贯。

方法2：用附加属性实现可复用的解决方案 #

如果你的项目里有多个ListBox需要这个功能，用附加属性会更优雅，避免重复写事件处理，也符合WPF的复用原则。

先创建附加属性类： #

public static class ListBoxExtensions
{
    public static readonly DependencyProperty SelectFirstItemOnFocusProperty =
        DependencyProperty.RegisterAttached(
            "SelectFirstItemOnFocus",
            typeof(bool),
            typeof(ListBoxExtensions),
            new PropertyMetadata(false, OnSelectFirstItemOnFocusChanged));

    public static bool GetSelectFirstItemOnFocus(DependencyObject obj)
    {
        return (bool)obj.GetValue(SelectFirstItemOnFocusProperty);
    }

    public static void SetSelectFirstItemOnFocus(DependencyObject obj, bool value)
    {
        obj.SetValue(SelectFirstItemOnFocusProperty, value);
    }

    private static void OnSelectFirstItemOnFocusChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var listBox = d as ListBox;
        if (listBox == null) return;

        if ((bool)e.NewValue)
        {
            listBox.GotKeyboardFocus += ListBox_GotKeyboardFocus;
        }
        else
        {
            listBox.GotKeyboardFocus -= ListBox_GotKeyboardFocus;
        }
    }

    private static void ListBox_GotKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
    {
        var listBox = sender as ListBox;
        if (listBox != null && listBox.Items.Count > 0 && listBox.SelectedItem == null && e.NewFocus == listBox)
        {
            listBox.SelectedIndex = 0;
            listBox.ScrollIntoView(listBox.Items[0]);
            Keyboard.Focus(listBox.ItemContainerGenerator.ContainerFromIndex(0) as UIElement);
        }
    }
}

在XAML中使用附加属性： #

记得把xmlns:local替换成你这个类所在的命名空间：

<Grid xmlns:local="clr-namespace:YourProjectNamespace">
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <TextBox Text="Focus"/>
    <ListBox Grid.Row="1" KeyboardNavigation.TabNavigation="Continue"
             local:ListBoxExtensions.SelectFirstItemOnFocus="True">
        <ListBoxItem Content="Test1"/>
        <ListBoxItem Content="Test2"/>
        <ListBoxItem Content="Test3"/>
    </ListBox>
</Grid>

这样不管有多少个ListBox，只要加上这个附加属性，就能自动实现Tab聚焦选中第一项的功能啦。

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