如何在Xamarin Forms中实现ListView分页加载，每次显示10条数据

当然有成熟的解决方案啦！这就是咱们常说的滚动加载（无限滚动/分页加载），在Xamarin Forms里实现起来相当顺畅，我给你拆解下具体的实现思路和代码：

核心思路 #

• 维护一个可观察的数据源集合，初始只加载前10条数据
• 监听ListView的滚动事件，判断是否滚动到接近底部的位置
• 触发下一批数据的加载逻辑，加载完成后将新数据追加到数据源中（UI会自动更新）

具体实现步骤 #

1. 准备基础结构 #

首先你需要：

• 定义你的数据模型（比如DataItem，包含你要展示的字段）
• 用ObservableCollection<T>作为ListView的数据源，它能自动通知UI更新数据变化
• 一个负责获取数据的服务（本地或远程API），支持分页参数（页码、每页条数）

2. 代码示例（先给代码-behind版本，之后补充MVVM优化） #

XAML部分

<ListView x:Name="dataListView" 
          ItemsSource="{Binding DataItems}"
          Scrolled="OnListViewScrolled"
          HasUnevenRows="True">
    <!-- 自定义你的Item模板，这里是示例 -->
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Padding="12">
                    <Label Text="{Binding Title}" FontSize="16" FontAttributes="Bold"/>
                    <Label Text="{Binding Content}" FontSize="12" TextColor="#666" Margin="0,4,0,0"/>
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
    <!-- 可选：添加底部加载提示 -->
    <ListView.Footer>
        <ActivityIndicator x:Name="loadingIndicator" IsRunning="{Binding IsLoading}" IsVisible="{Binding IsLoading}" Margin="10"/>
    </ListView.Footer>
</ListView>

后台代码（Page的Code-Behind）

using System.Collections.ObjectModel;
using System.Threading.Tasks;
using Xamarin.Forms;

public partial class YourDataPage : ContentPage
{
    // 数据源
    private ObservableCollection<DataItem> _dataItems;
    public ObservableCollection<DataItem> DataItems
    {
        get => _dataItems;
        set
        {
            _dataItems = value;
            OnPropertyChanged();
        }
    }

    // 分页参数
    private int _currentPage = 1;
    private const int PageSize = 10;
    // 防止重复触发加载的标记
    private bool _isLoading = false;
    public bool IsLoading
    {
        get => _isLoading;
        set
        {
            _isLoading = value;
            OnPropertyChanged();
        }
    }

    public YourDataPage()
    {
        InitializeComponent();
        BindingContext = this;
        DataItems = new ObservableCollection<DataItem>();
        // 初始化加载第一页
        _ = LoadNextPage();
    }

    /// <summary>
    /// 加载下一页数据
    /// </summary>
    private async Task LoadNextPage()
    {
        if (IsLoading) return;
        IsLoading = true;

        try
        {
            // 替换成你的实际数据获取逻辑：比如从API或本地数据库拿数据
            var nextBatchItems = await YourDataService.GetPaginatedItems(_currentPage, PageSize);
            
            // 将新数据追加到数据源
            foreach (var item in nextBatchItems)
            {
                DataItems.Add(item);
            }

            // 如果还有数据，页码+1；否则可以提示"已加载全部"
            if (nextBatchItems.Count == PageSize)
            {
                _currentPage++;
            }
            else
            {
                // 可选：显示"没有更多数据"的提示
                // loadingIndicator.IsVisible = false;
                // 可以添加一个Label在Footer显示提示
            }
        }
        catch (System.Exception ex)
        {
            // 处理加载异常，比如给用户提示
            await DisplayAlert("提示", $"加载失败：{ex.Message}", "确定");
        }
        finally
        {
            IsLoading = false;
        }
    }

    /// <summary>
    /// ListView滚动事件处理
    /// </summary>
    private void OnListViewScrolled(object sender, ScrolledEventArgs e)
    {
        var listView = sender as ListView;
        if (listView == null || IsLoading) return;

        // 获取总数据条数和最后可见项的索引
        var totalItemCount = DataItems.Count;
        var lastVisibleIndex = e.LastVisibleItemIndex;

        // 当滚动到距离底部还有2个项的位置时，触发加载下一页
        // 这个阈值可以根据你的需求调整
        if (lastVisibleIndex >= totalItemCount - 2)
        {
            _ = LoadNextPage();
        }
    }
}

3. MVVM模式优化（推荐） #

如果你的项目遵循MVVM架构，建议把滚动事件的逻辑通过Behavior转移到ViewModel中，避免代码-behind的耦合。比如用Xamarin Community Toolkit的EventToCommandBehavior：

XAML修改

<ListView ItemsSource="{Binding DataItems}">
    <ListView.Behaviors>
        <toolkit:EventToCommandBehavior
            EventName="Scrolled"
            Command="{Binding ListViewScrolledCommand}"
            EventArgsConverter="{StaticResource ScrolledEventArgsConverter}"/>
    </ListView.Behaviors>
    <!-- ItemTemplate和Footer同上 -->
</ListView>

ViewModel中的代码

public ICommand ListViewScrolledCommand => new Command<ScrolledEventArgs>(HandleListViewScrolled);

private void HandleListViewScrolled(ScrolledEventArgs e)
{
    if (IsLoading) return;

    var totalItemCount = DataItems.Count;
    var lastVisibleIndex = e.LastVisibleItemIndex;

    if (lastVisibleIndex >= totalItemCount - 2)
    {
        _ = LoadNextPage();
    }
}

// LoadNextPage方法和之前的逻辑一致，放在ViewModel里即可

注意事项 #

• 一定要加IsLoading标记，防止用户快速滚动时多次触发加载请求，造成重复数据或性能问题
• 可以根据需求调整滚动触发加载的阈值（比如距离底部1个或3个项）
• 处理没有更多数据的场景，避免无效的加载请求
• 如果是远程API获取数据，要考虑网络异常的处理，给用户友好的提示

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