Avalonia怎么实现一个无限滚动的列表 Avalonia增量加载

Avalonia中实现无限滚动需监听ScrollViewer滚动位置，在接近底部时触发加载，推荐用ItemsRepeater配合ScrollChanged事件判断阈值，结合ObservableCollection批量添加数据并控制isLoading与HasMore状态。

在 Avalonia 中实现无限滚动（也叫增量加载、懒加载）列表，核心是监听 ScrollViewer 的滚动位置变化，在接近底部时触发新数据加载，同时避免重复请求和 UI 卡顿。Avalonia 本身不内置“虚拟化+自动加载”控件（如 UWP 的 IncrementalLoadingCollection），但可通过组合 ItemsRepeater（推荐）或 ListBox + 手动滚动监听 + 分页数据源来实现。

用 ItemsRepeater + 自定义 ScrollViewer 监听（推荐）

ItemsRepeater 是 Avalonia 11+ 推荐的高性能列表控件，支持原生虚拟化，比 ListBox 更轻量、更易扩展。要实现无限滚动，需包裹它并监听其内部 ScrollViewer 的 ScrollChanged 事件：

• 在 XAML 中给 ItemsRepeater 设置 Name="repeater"，并在代码中获取其模板内的 ScrollViewer
• 监听 ScrollChanged，计算是否已滚动到距底部约 200px 内（阈值可调）：
  if (e.ExtentHeight - e.OffsetY - e.ViewportHeight
• 触发加载逻辑（例如调用 LoadMoreAsync()），设置 isLoading = true 防止重复触发
• 加载成功后，将新数据追加到绑定的 ObservableCollection<t></t> 或使用支持增量的集合（如自定义 IReadOnlyList<t></t> 包装分页结果）

用 ListBox + ScrollViewerBehavior（简化监听）

若仍在用 ListBox，可借助 Avalonia 的 ScrollViewer.GetScrollable 或直接查找模板中的 ScrollViewer。更简洁的方式是封装一个行为类（类似 WPF 的 Behavior<scrollviewer></scrollviewer>）：

标签： react git 懒加载 虚拟化 重绘