WPF ComboBox集合项变更后下拉面板高度未自动更新的问题

我之前在.NET 9的Fluent样式下也碰到过一模一样的问题！这应该是框架的一个小bug：ComboBox的下拉面板（Popup里的ScrollViewer）会缓存第一次打开时的高度，哪怕后续ItemsSource的集合项数量变化了，它也不会自动重新计算可用空间，就会出现你截图里那种“留空”的情况。

下面给你几个实用的解决办法，针对你的复现示例来调整：

方法一：手动强制刷新布局（快速临时解决） #

这个方法最直接，适合在你的现有代码上快速修改。首先给XAML里的ComboBox加上命名：

<StackPanel Orientation="Horizontal">
    <Button Click="LoadStuff">Load Options</Button>
    <ComboBox x:Name="comboA" ItemsSource="{Binding As}" SelectedItem="{Binding A}"/>
    <ComboBox x:Name="comboB" ItemsSource="{Binding Bs}" SelectedItem="{Binding B}"/>
</StackPanel>

然后在MainWindow.xaml.cs里修改LoadStuff方法，在集合加载完成后强制刷新ComboBox的布局：

private async void LoadStuff(object sender, RoutedEventArgs e)
{
    await ViewModel.LoadStuff();
    // 强制刷新两个ComboBox的下拉面板布局
    RefreshComboBoxDropDown(comboA);
    RefreshComboBoxDropDown(comboB);
}

private void RefreshComboBoxDropDown(ComboBox combo)
{
    // 找到ComboBox模板里的Popup控件
    if (combo.Template.FindName("Popup", combo) is Popup popup)
    {
        // 刷新Popup内部的布局计算
        popup.Child?.InvalidateMeasure();
        popup.Child?.UpdateLayout();
    }
}

这样每次加载完新选项后，下拉面板的高度就会重新计算，匹配当前的集合项数量。

方法二：用附加属性自动监听（优雅持久解决） #

如果你的项目里有多个ComboBox都有这个问题，手动刷新太麻烦，可以用WPF的附加属性来实现自动监听集合变化，自动刷新。

先创建一个ComboBoxHelpers类：

using System.Windows;
using System.Windows.Controls;
using System.Collections.Specialized;

namespace ComboBoxResizing;

public static class ComboBoxHelpers
{
    public static readonly DependencyProperty AutoRefreshDropDownProperty =
        DependencyProperty.RegisterAttached(
            "AutoRefreshDropDown",
            typeof(bool),
            typeof(ComboBoxHelpers),
            new PropertyMetadata(false, OnAutoRefreshDropDownChanged));

    public static bool GetAutoRefreshDropDown(DependencyObject obj)
    {
        return (bool)obj.GetValue(AutoRefreshDropDownProperty);
    }

    public static void SetAutoRefreshDropDown(DependencyObject obj, bool value)
    {
        obj.SetValue(AutoRefreshDropDownProperty, value);
    }

    private static void OnAutoRefreshDropDownChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is not ComboBox combo) return;

        if ((bool)e.NewValue)
        {
            // 监听ComboBox加载完成事件
            combo.Loaded += OnComboBoxLoaded;
        }
        else
        {
            combo.Loaded -= OnComboBoxLoaded;
        }
    }

    private static void OnComboBoxLoaded(object sender, RoutedEventArgs e)
    {
        if (sender is not ComboBox combo) return;
        // 监听ItemsSource集合的变化
        if (combo.ItemsSource is INotifyCollectionChanged collection)
        {
            collection.CollectionChanged += (s, args) =>
            {
                // 集合变化时异步刷新下拉面板
                Application.Current.Dispatcher.Invoke(() =>
                {
                    if (combo.Template.FindName("Popup", combo) is Popup popup)
                    {
                        popup.Child?.InvalidateMeasure();
                        popup.Child?.UpdateLayout();
                    }
                });
            };
        }
    }
}

然后在XAML里给需要的ComboBox加上这个附加属性就行：

<ComboBox ItemsSource="{Binding As}" SelectedItem="{Binding A}"
          local:ComboBoxHelpers.AutoRefreshDropDown="True"/>
<ComboBox ItemsSource="{Binding Bs}" SelectedItem="{Binding B}"
          local:ComboBoxHelpers.AutoRefreshDropDown="True"/>

这样不管是第一次加载还是后续动态修改集合，下拉面板都会自动调整高度，完全不用手动干预。

方法三：修改ComboBox模板（彻底定制） #

如果上面的方法都不满意，你也可以重写Fluent风格的ComboBox模板，确保下拉面板的ScrollViewer不会缓存高度。不过Fluent的默认模板比较复杂，需要从SDK里提取完整模板，然后修改ScrollViewer的约束（比如去掉固定高度，确保它的Height是Auto或者动态计算）。这个方法适合需要深度定制控件样式的场景，一般不推荐作为临时解决办法。

目前这个问题应该是.NET 9的一个已知小问题，后续微软可能会在更新中修复，现在用上面的方法就能完美解决你的问题啦！

内容来源于stack exchange