如何实现ComboBox滚动到底部时加载API分页数据

针对你遇到的ComboBox无法检测滚动事件触发分页加载的问题，以下是具体的修复和优化建议：

1. 修复ScrollViewer的查找与事件订阅逻辑 #

你当前的可视化树遍历方法可能未正确定位到ComboBox下拉框内的ScrollViewer，且存在重复绑定事件的风险。改用更可靠的遍历逻辑，并在下拉框生命周期内管理事件订阅，避免内存泄漏：

private ScrollViewer _comboBoxScrollViewer;

private async void BrandComboBox_DropDownOpened(object sender, object e)
{
    // 等待下拉框可视化树完全构建
    await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Low, () =>
    {
        _comboBoxScrollViewer = FindScrollViewer(BrandComboBox);
        if (_comboBoxScrollViewer != null)
        {
            // 先解绑再绑定，避免重复订阅
            _comboBoxScrollViewer.ViewChanged -= ComboBoxScrollViewer_ViewChanged;
            _comboBoxScrollViewer.ViewChanged += ComboBoxScrollViewer_ViewChanged;
        }
    });
}

private void BrandComboBox_DropDownClosed(object sender, object e)
{
    // 下拉框关闭时解绑事件，释放资源
    if (_comboBoxScrollViewer != null)
    {
        _comboBoxScrollViewer.ViewChanged -= ComboBoxScrollViewer_ViewChanged;
        _comboBoxScrollViewer = null;
    }
}

private ScrollViewer FindScrollViewer(DependencyObject element)
{
    if (element is ScrollViewer scrollViewer)
        return scrollViewer;

    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(element); i++)
    {
        var child = VisualTreeHelper.GetChild(element, i);
        var result = FindScrollViewer(child);
        if (result != null)
            return result;
    }
    return null;
}

2. 优化滚动触发加载的条件 #

把触发阈值调整为接近底部（比如剩余10%滚动空间），避免用户滚动到底部才开始加载，提升流畅度，同时严格控制加载状态防止并发请求：

private void ComboBoxScrollViewer_ViewChanged(object sender, ScrollViewerViewChangedEventArgs e)
{
    var scrollViewer = sender as ScrollViewer;
    if (scrollViewer == null || _isLoadingMoreBrands || _currentBrandPage >= _totalBrandPages)
        return;

    // 滚动到剩余10%空间时触发加载
    if (scrollViewer.VerticalOffset >= scrollViewer.ScrollableHeight * 0.9)
    {
        _ = LoadMoreBrandsIfNeeded();
    }
}

3. 修正异步加载的方法签名 #

LoadMoreBrandsIfNeeded使用async void会导致异常无法被捕获，改为async Task并增加异常保障：

private async Task LoadMoreBrandsIfNeeded()
{
    if (_isLoadingMoreBrands || _currentBrandPage >= _totalBrandPages)
        return;

    _isLoadingMoreBrands = true;
    try
    {
        _currentBrandPage++;
        await LoadBrandsAsync(_currentBrandPage, _pageSize);
    }
    finally
    {
        _isLoadingMoreBrands = false;
    }
}

4. 完善初始加载与分页计算逻辑 #

• 修正总页数计算的边界情况，避免总记录为0时出现错误：

if (paginatedResponse != null)
{
    foreach (var brand in paginatedResponse.Data)
    {
        BrandsList.Add(brand);
    }
    // 正确计算总页数，处理总记录为0的场景
    _totalBrandPages = paginatedResponse.TotalRecords == 0 
        ? 0 
        : (paginatedResponse.TotalRecords + _pageSize - 1) / _pageSize;
}

• 将_pageSize改为25，符合你首次加载25条的需求。

5. XAML补充DropDownClosed事件绑定 #

在ComboBox的XAML中添加下拉框关闭事件的绑定：

<ComboBox 
    x:Name="BrandComboBox" 
    Header="Brand"
    MaxWidth="500" 
    Width="500"
    Margin="0,0,0,20"
    HorizontalAlignment="Left"
    ItemsSource="{x:Bind BrandsList, Mode=OneWay}"
    DisplayMemberPath="Name"
    SelectionChanged="BrandComboBox_SelectionChanged"
    Loaded="BrandComboBox_Loaded"
    DropDownOpened="BrandComboBox_DropDownOpened"
    DropDownClosed="BrandComboBox_DropDownClosed" <!-- 添加此行 -->
    PlaceholderText="Select brand" />

上述修改后，即可正确检测ComboBox下拉框的滚动事件，触发分页加载，同时避免重复请求和内存泄漏问题。

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