绑定ObservableCollection后ListView仍不更新的问题排查

你的ListView无法实时更新的核心原因是错误地将ViewCell（视图对象）直接存入ObservableCollection，破坏了MVVM模式中视图与数据分离的原则，导致ListView的绑定机制无法正确响应集合变更。以下是具体修复步骤：

1. 创建数据模型类 #

首先定义一个存储插座数据的模型类，实现INotifyPropertyChanged以支持属性变更通知（即使当前是全量刷新，这也是MVVM的标准做法）：

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

public class PlugItem : INotifyPropertyChanged
{
    private string _title;
    public string Title
    {
        get => _title;
        set
        {
            _title = value;
            OnPropertyChanged();
        }
    }

    private string _detail;
    public string Detail
    {
        get => _detail;
        set
        {
            _detail = value;
            OnPropertyChanged();
        }
    }

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

2. 修改ViewModel的集合类型 #

将ObservableCollection的类型从ViewCell改为PlugItem，并确保集合操作在UI线程执行：

using Xamarin.Forms;

public class PlugManagerViewModel
{
    public ObservableCollection<PlugItem> Cells { get; set; }
    public string Title { get; set; }

    public PlugManagerViewModel()
    {
        Title = "Mes prises";
        Cells = new ObservableCollection<PlugItem>();
    }

    public void RefreshPlugList()
    {
        // 强制在UI线程更新集合，避免后台线程操作导致的UI延迟
        Device.BeginInvokeOnMainThread(() =>
        {
            Cells.Clear();
            foreach ((string name, string desc, _) in Settings.PlugListContent)
            {
                Cells.Add(new PlugItem
                {
                    Title = name,
                    Detail = desc
                });
            }
        });
    }
}

3. 修正XAML的ItemTemplate绑定 #

ListView的ItemTemplate负责根据数据生成视图，无需手动创建CustomCell实例，直接绑定数据模型的属性即可：

<ListView x:Name="plugList" x:FieldModifier="public" 
          VerticalScrollBarVisibility="Default" SelectionMode="None" 
          RowHeight="90" VerticalOptions="FillAndExpand" 
          ItemSelected="OpenPlugDetail" ItemsSource="{Binding Cells}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <models:CustomCell Title="{Binding Title}" Detail="{Binding Detail}" />
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

4. 确保CustomCell的属性支持绑定 #

如果你的CustomCell是自定义控件，需要将Title和Detail定义为BindableProperty，才能正确接收数据绑定：

using Xamarin.Forms;

public partial class CustomCell : ViewCell
{
    public static readonly BindableProperty TitleProperty =
        BindableProperty.Create(nameof(Title), typeof(string), typeof(CustomCell), string.Empty);

    public string Title
    {
        get => (string)GetValue(TitleProperty);
        set => SetValue(TitleProperty, value);
    }

    public static readonly BindableProperty DetailProperty =
        BindableProperty.Create(nameof(Detail), typeof(string), typeof(CustomCell), string.Empty);

    public string Detail
    {
        get => (string)GetValue(DetailProperty);
        set => SetValue(DetailProperty, value);
    }

    public CustomCell()
    {
        InitializeComponent();
    }
}

关键原因说明 #

• 直接存储ViewCell到集合会导致ListView重复创建视图实例，绑定关系混乱，无法正确响应集合变更通知。
• 数据模型+ItemTemplate的模式才是ListView的标准用法，ObservableCollection的Add/Clear操作会自动触发ListView的UI更新。
• 用Device.BeginInvokeOnMainThread包裹集合操作，确保所有UI相关的变更都在主线程执行，避免跨线程操作导致的更新延迟。

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