如何在ItemsRepeater中使用IncrementalLoadingCollection？滚动加载异常解决

核心原因 #

IncrementalLoadingCollection的自动加载逻辑是依赖ListView/GridView这类内置滚动位置检测的控件实现的，而ItemsRepeater作为轻量布局控件，本身没有集成滚动触发加载的机制，因此滚动时不会自动调用GetPagedItemsAsync。

可行解决办法 #

不需要完全手动触发LoadMoreAsync，可以通过监听ScrollViewer的滚动状态，判断滚动位置接近底部时自动触发加载，具体步骤如下：

1. 获取ItemsRepeater对应的ScrollViewer #

ItemsRepeater通常嵌套在ScrollViewer中，可通过VisualTreeHelper遍历视觉树找到目标ScrollViewer：

private ScrollViewer GetScrollViewer(UIElement element)
{
    if (element is ScrollViewer scrollViewer)
        return scrollViewer;

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

在页面加载完成后调用该方法获取实例并绑定事件：

private ScrollViewer _scrollViewer;

protected override void OnLoaded(object sender, RoutedEventArgs e)
{
    base.OnLoaded(sender, e);
    _scrollViewer = GetScrollViewer(YourItemsRepeaterInstance);
    if (_scrollViewer != null)
    {
        _scrollViewer.ViewChanged += ScrollViewer_ViewChanged;
    }
}

2. 在滚动事件中判断位置并触发加载 #

在ViewChanged事件里，计算剩余滚动高度，当接近底部且当前无加载操作时，调用LoadMoreAsync：

private async void ScrollViewer_ViewChanged(object sender, ScrollViewerViewChangedEventArgs e)
{
    if (e.IsIntermediate) return; // 忽略滚动过程中的中间状态，只处理滚动结束或惯性停止

    var incrementalCollection = YourItemsRepeaterInstance.ItemsSource as IncrementalLoadingCollection<YourSourceType, YourItemType>;
    if (incrementalCollection == null || incrementalCollection.IsLoading) return;

    // 计算剩余可滚动高度，阈值可根据需求调整
    var remainingHeight = _scrollViewer.ScrollableHeight - _scrollViewer.VerticalOffset;
    if (remainingHeight <= _scrollViewer.ViewportHeight * 1.5)
    {
        await incrementalCollection.LoadMoreAsync();
    }
}

3. 额外注意事项 #

• 页面卸载时移除事件监听，避免内存泄漏：

protected override void OnUnloaded(object sender, RoutedEventArgs e)
{
    base.OnUnloaded(sender, e);
    if (_scrollViewer != null)
    {
        _scrollViewer.ViewChanged -= ScrollViewer_ViewChanged;
    }
}

• 滚动触发的阈值（示例中为1.5倍可视高度）可按需调整，比如设为1倍实现触底加载，或更大值实现提前加载。
• 确保IIncrementalSource的GetPagedItemsAsync实现正确，无更多数据时返回空集合，避免无限触发加载。

这种方案既保留了UniformGridLayout的布局特性，又实现了类似GridView的增量加载效果，无需替换控件。

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