C# WPF MVVM中ComboBox箭头键导航选中异常问题求助

在C# WPF MVVM架构的UserControl中，ComboBox输入内容时能正常显示过滤后的产品列表，但按下上下箭头键时，控件会自动选中第一项，无法正常遍历选择，需要实现类似谷歌搜索的箭头导航选择功能。

视图代码 #

<UserControl ...>
    <Grid>
        <ComboBox Width="300" Height="25"
                  ItemsSource="{Binding FilteredProducts}"
                  SelectedItem="{Binding SelectedProduct}"
                  Text="{Binding SearchText ,Mode=TwoWay}" 
                  DisplayMemberPath="DisplayName"
                  IsTextSearchEnabled="True"
                  IsTextSearchCaseSensitive="False"
                  IsEditable="True">
            <ComboBox.Style>
                <Style TargetType="ComboBox">
                    <Style.Triggers>
                        <Trigger Property="IsKeyboardFocusWithin" Value="True">
                            <Setter Property="IsDropDownOpen" Value="True" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ComboBox.Style>
        </ComboBox>
    </Grid>
</UserControl>

ViewModel代码 #

public TestDropDownViewModel()
{
     ProductList = new List<Products>...;
     FilteredProducts = ProductList;
}
[ObservableProperty]
private List<Products> _productList;
[ObservableProperty]
private Products _selectedProduct;

private string _searchText = "";
public string SearchText
{
    get { return _searchText; }
    set
    {
        _searchText = value;
        OnPropertyChanged();
        FilteredProducts = ProductList
            .Where(product => product.DisplayName.Contains(SearchText, StringComparison.OrdinalIgnoreCase))
            .ToList();
    }
}

private List<Products> _filteredProducts = new List<Products>();
public List<Products> FilteredProducts
{
    get { return _filteredProducts; }
    set
    {
        _filteredProducts = value;
        OnPropertyChanged();
    }
}

模型代码 #

public partial class Products : ObservableObject
{
    [ObservableProperty]
    private string _code = "";
    [ObservableProperty]
    private string _title = "";
    public string DisplayName => Code + " - " + Title;
}

问题现象 #

• 输入内容时，下拉列表正常展示过滤后的产品
• 按下向下箭头键，控件自动选中列表第一项，无法继续向下遍历选择

问题根源 #

1. 每次搜索文本变更时，FilteredProducts被重新赋值为新的List集合，ComboBox的选中索引会被强制重置为0，导致箭头导航直接定位到第一项。
2. IsTextSearchEnabled属性会干扰手动导航逻辑，ComboBox默认会优先匹配输入文本而非响应箭头的列表项遍历操作。

解决步骤 #

1. 禁用文本搜索自动匹配 #

移除ComboBox的IsTextSearchEnabled="True"属性，避免默认文本搜索逻辑干扰箭头导航：

<ComboBox Width="300" Height="25"
          ItemsSource="{Binding FilteredProducts}"
          SelectedItem="{Binding SelectedProduct}"
          Text="{Binding SearchText ,Mode=TwoWay}" 
          DisplayMemberPath="DisplayName"
          IsTextSearchCaseSensitive="False"
          IsEditable="True">

2. 改用ObservableCollection维护集合 #

将FilteredProducts和ProductList的类型替换为ObservableCollection<Products>，更新集合时修改现有元素而非重建集合，避免选中状态被重置：

[ObservableProperty]
private ObservableCollection<Products> _productList;

private ObservableCollection<Products> _filteredProducts = new ObservableCollection<Products>();
public ObservableCollection<Products> FilteredProducts
{
    get { return _filteredProducts; }
    set
    {
        _filteredProducts = value;
        OnPropertyChanged();
    }
}

// 初始化逻辑
public TestDropDownViewModel()
{
    ProductList = new ObservableCollection<Products>...;
    foreach (var product in ProductList)
    {
        FilteredProducts.Add(product);
    }
}

3. 优化搜索过滤逻辑 #

在SearchText的setter中，清空并重新添加过滤后的元素，而非赋值新集合：

public string SearchText
{
    get { return _searchText; }
    set
    {
        _searchText = value;
        OnPropertyChanged();
        
        FilteredProducts.Clear();
        foreach (var product in ProductList
            .Where(p => p.DisplayName.Contains(_searchText, StringComparison.OrdinalIgnoreCase)))
        {
            FilteredProducts.Add(product);
        }
    }
}

4. 增强导航行为（可选） #

如果需要完全匹配谷歌搜索的导航逻辑（初始无选中项，按箭头才开始选择），给ComboBox添加PreviewKeyDown事件：

<ComboBox ... PreviewKeyDown="ComboBox_PreviewKeyDown">

在UserControl的代码隐藏中实现事件逻辑：

private void ComboBox_PreviewKeyDown(object sender, KeyEventArgs e)
{
    var comboBox = sender as ComboBox;
    if (comboBox == null) return;
    
    // 下拉列表打开且无选中项时，按下向下箭头选中第一项
    if (e.Key == Key.Down && comboBox.SelectedIndex == -1 && comboBox.IsDropDownOpen)
    {
        comboBox.SelectedIndex = 0;
        e.Handled = true;
    }
    // 选中第一项时，按下向上箭头取消选中，回到文本编辑状态
    else if (e.Key == Key.Up && comboBox.SelectedIndex == 0)
    {
        comboBox.SelectedIndex = -1;
        e.Handled = true;
    }
}

完成以上修改后，输入搜索文本时过滤列表正常显示，按下上下箭头可自由遍历选择列表项，初始状态无选中项，完全符合谷歌搜索式的导航体验。

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