Xamarin Forms中ListView绑定及懒加载实现问题咨询

针对你遇到的两个问题，我来一步步帮你解决：

一、ListView 数据绑定问题 #

你的Mainlist类和XAML布局结构是对的，但缺少两个关键步骤才会让数据正确显示并响应变化：

1. 让数据类实现INotifyPropertyChanged接口 #

这个接口能让UI感知到属性值的变化，否则修改Title或Value后，页面不会自动更新。修改你的Mainlist类：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class Mainlist : INotifyPropertyChanged
{
    private string _title;
    private string _value;

    public string Title
    {
        get => _title;
        set
        {
            _title = value;
            OnPropertyChanged();
        }
    }

    public string Value
    {
        get => _value;
        set
        {
            _value = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 给ListView设置数据源ItemsSource #

在页面的代码后台（比如MainPage.xaml.cs）中，创建一个可观察集合（ObservableCollection，它能自动通知UI集合的增删变化），然后绑定到ListView：

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

public partial class MainPage : ContentPage
{
    public ObservableCollection<Mainlist> MainItems { get; set; }

    public MainPage()
    {
        InitializeComponent();
        
        // 初始化测试数据
        MainItems = new ObservableCollection<Mainlist>
        {
            new Mainlist { Title = "测试标题1", Value = "测试内容1" },
            new Mainlist { Title = "测试标题2", Value = "测试内容2" }
        };

        // 两种绑定方式选其一：
        // 方式1：直接赋值给ListView的ItemsSource
        mainlist.ItemsSource = MainItems;

        // 方式2：设置页面BindingContext，然后在XAML里绑定
        // BindingContext = this;
        // XAML里修改ListView：<ListView x:Name="mainlist" ItemsSource="{Binding MainItems}">
    }
}

做完这两步，你的ListView就能正确显示数据了。

二、ListView 懒加载实现 #

Xamarin Forms的ListView可以通过ItemAppearing事件来实现懒加载——当列表最后一项即将显示时，触发下一页数据的加载。

实现步骤： #

1. 在页面代码后台添加分页相关变量：

private int _currentPage = 1; // 当前页码
private const int PageSize = 10; // 每页加载数量
private bool _isLoading = false; // 防止重复加载的标记

2. 订阅ListView的ItemAppearing事件，并初始化第一页数据：

public MainPage()
{
    InitializeComponent();
    // 初始化数据源和绑定...
    mainlist.ItemAppearing += Mainlist_ItemAppearing;
    // 加载第一页数据
    LoadPageData(_currentPage);
}

3. 实现事件处理和数据加载逻辑：

private void Mainlist_ItemAppearing(object sender, ItemVisibilityEventArgs e)
{
    var lastItem = MainItems.LastOrDefault();
    // 判断当前显示的是最后一项，且不在加载中
    if (e.Item == lastItem && !_isLoading)
    {
        _currentPage++;
        LoadPageData(_currentPage);
    }
}

private async void LoadPageData(int page)
{
    _isLoading = true;
    try
    {
        // 替换成你实际的API/数据库数据获取逻辑
        var newItems = await GetPageItems(page, PageSize);
        foreach (var item in newItems)
        {
            MainItems.Add(item);
        }
    }
    catch (Exception ex)
    {
        await DisplayAlert("加载失败", $"获取数据出错：{ex.Message}", "确定");
    }
    finally
    {
        _isLoading = false;
    }
}

// 模拟数据获取方法，实际项目中替换为你的业务逻辑
private Task<List<Mainlist>> GetPageItems(int page, int pageSize)
{
    var items = new List<Mainlist>();
    for (int i = 0; i < pageSize; i++)
    {
        items.Add(new Mainlist 
        { 
            Title = $"第{page}页 标题{i+1}", 
            Value = $"第{page}页 内容{i+1}" 
        });
    }
    return Task.FromResult(items);
}

更推荐的方案：使用CollectionView #

如果你的Xamarin Forms版本在4.0以上，更推荐使用CollectionView替代ListView，它的懒加载实现更简洁，通过RemainingItemsThreshold和RemainingItemsThresholdReached事件就能完成：

XAML代码：

<CollectionView x:Name="mainCollection" RemainingItemsThreshold="5">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <StackLayout Orientation="Horizontal">
                <StackLayout Orientation="Vertical">
                    <Label Text="{Binding Title}" FontSize="18"></Label>
                    <Label Text="{Binding Value}"></Label>
                </StackLayout>
            </StackLayout>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

代码后台只需替换事件订阅：

public MainPage()
{
    InitializeComponent();
    // 初始化数据源...
    mainCollection.RemainingItemsThresholdReached += MainCollection_RemainingItemsThresholdReached;
    LoadPageData(_currentPage);
}

private void MainCollection_RemainingItemsThresholdReached(object sender, EventArgs e)
{
    if (!_isLoading)
    {
        _currentPage++;
        LoadPageData(_currentPage);
    }
}

RemainingItemsThreshold="5"表示当列表还剩5个未显示的项时，就触发加载下一页，用户体验更流畅。

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