Xamarin中如何动态更新CollectionView指定DataTemplate项的ItemStatus属性

需求概述 #

现有Xamarin项目中，CollectionView从数据库加载数据，所有项的ItemStatus属性初始值均为“Still in progress”。需要实现：当定时触发的C#事件执行时，仅将CollectionView中指定ItemId的项的ItemStatus更新为“Completed !”。

尝试过的无效方法 #

• 通过INotifyPropertyChanged更新ItemStatus时，会修改所有项的该属性值；
• 为ItemStatus的Label设置x:Name无效，因DataTemplate会创建独立作用域；
• 考虑过创建动态元素，但不确定可行性。

问题根源 #

1. 页面类中定义的ItemStatus是全局属性，所有列表项绑定的是同一个属性，导致更新时所有项同步变化；
2. ProductDb实体类未实现INotifyPropertyChanged接口，即使修改单个项的ItemStatus，UI也无法感知到变化。

解决方案 #

1. 修改ProductDb实体类，实现属性变更通知 #

让实体类自身实现INotifyPropertyChanged，确保单个项的属性更新能触发UI刷新：

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

public class ProductDb : INotifyPropertyChanged
{
    [PrimaryKey, AutoIncrement]
    public int ItemId { get; set; }
    public string ItemDescription { get; set; }

    private string _itemStatus = "Still in progress";
    public string ItemStatus
    {
        get => _itemStatus;
        set
        {
            if (_itemStatus == value) return;
            _itemStatus = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

2. 修正页面逻辑，移除全局ItemStatus并优化更新方法 #

页面类中只保留集合属性，更新时精准定位到目标项：

namespace WarehouseMobile
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class ProductPage : ContentPage, INotifyPropertyChanged
    {
        private ObservableCollection<ProductDb> _products;
        public ObservableCollection<ProductDb> Products
        {
            get { return _products; }
            set
            {
                _products = value;
                OnPropertyChanged(nameof(Products));
            }
        }

        public ProductPage()
        {
            InitializeComponent();
            BindingContext = this;
            Products = new ObservableCollection<ProductDb>();
        }

        protected override async void OnAppearing()
        {
            base.OnAppearing();
            // data为从数据库获取的ProductDb集合
            Products = new ObservableCollection<ProductDb>(data);
        }
        
        // 定时事件触发时调用此方法，传入目标ItemId
        private void UpdateUIItemStatusMessage(int targetItemId)
        {
            var targetProduct = Products.FirstOrDefault(p => p.ItemId == targetItemId);
            if (targetProduct != null)
            {
                targetProduct.ItemStatus = "Completed !";
            }
        }

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

3. 修正XAML绑定，确保指向页面的集合属性 #

<CollectionView x:Name="myCollection" ItemsSource="{Binding Products}">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <StackLayout>
                <Label Text="{Binding ItemStatus}" />
                <Label Text="{Binding ItemId}" />
                <Label Text="{Binding ItemDescription}" />
            </StackLayout>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

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