从列表中删除项目时，不会触发 Xamarin.Forms Listview 的 ItemDisappearing 事件

Question

我是 Xamarin.Forms 的新手，我有一个带有项目源的列表视图。

ListView 的ItemSource 是ObserverableCollection 不幸的是，当我从ItemSource 中删除一个项目时，不会触发ItemDisapperaing 事件。是的，列表项已从 Android 设备的 UI 中删除。

但是我实现了ItemAppearing 并且效果很好！它触发了。

添加项目工作场景：

1. ShopCart.Instance.AddItem(randomItem) 呼叫。
2. ShopItemListView.ItemsSource 被新添加的项目刷新。
3. TotalAmount 的文本更新了正确的数量。 因此调用了 ShopItem_NewItemAdded 函数！

从购物车场景中清除物品（不工作）

1. ShopCart.Instance.Clear() 打来电话。
2. ShopItemListView.ItemShource 将是空的！不在 UI 上的项目！
3. 但是TotalAmount 的文字没有变成0.0！它仍然具有以前的值。

似乎在 UI 元素上 TotalAmount 没有刷新！在调试中，我看到清除后ShopItemListView.ItemsSource 列表为空。

所以ShopItem_ItemRemoved函数没有被调用！

这里是 Xaml.cs

public ShopView()
    {
        InitializeComponent();
        BindingContext = new ShopViewModel();

        ShopItemListView.ItemsSource = Shop.Instance.ShopItems;
        // This is triggered, it works
        ShopItemListView.ItemAppearing += ShopItem_NewItemAdded;
        // This event is not triggered, it does not work
        ShopItemListView.ItemDisappearing += ShopItem_ItemRemoved;
    }

    // This event is not triggered, it does not work
    private void ShopItem_ItemRemoved(object sender, ItemVisibilityEventArgs e)
    {
       // If I put a breakpoint here the debugger never comes into this method
        TotalAmount.Text = Shop.Instance.ShopItems.Sum(si => si.Price).ToString();
        if (Shop.Instance.ShopItems.Count == 0) {
            ShopInformation.IsVisible = false;
        }
    }

     // This is triggered, it works.
    private void ShopItem_NewItemAdded(object sender, ItemVisibilityEventArgs e)
    {
        TotalAmount.Text = Shop.Instance.ShopItems.Sum(si => si.Price).ToString();
        ShopInformation.IsVisible = true;
    }

这是购物车单例实例

public sealed class ShopCart : INotifyPropertyChanged
    {
        private static readonly ShopCart _instance = new ShopCart();

        private ShopCart()
        {
            ShopItems = new ObservableCollection<ShopCartItem>();
        }

        public static ShopCart Instance
        {
            get
            {
                return _instance;
            }
        }

        public ObservableCollection<ShopCartItem> ShopItems { get; set; }

        public void AddItem(ShopCartItem ShopCartItem)
        {
            ShopItems.Add(ShopCartItem);
            OnPropertyChanged("ShopItems");
        }

        public void Clear()
        {
            ShopItems.Clear();
            OnPropertyChanged("ShopItems");
        }

        #region INotifyPropertyChanged Implementation
        public event PropertyChangedEventHandler PropertyChanged;

        void OnPropertyChanged([CallerMemberName] string propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
        #endregion
    }

ShopCart 实现了 INotifyPropertyChanged 接口。但似乎没有通知 UI 元素。

从购物车中删除所有商品后，如何刷新 UI 上的 TotalAmount 标签？

Answer 1

也许你误用了ItemDisappearing。此方法仅适用于虚拟化使用。从屏幕上删除列表时，不能保证所有可见项目都会触发。

这意味着如果您有一个包含 100 个项目的列表，但由于单元格的大小，您一次只能看到 10 个ItemDisappearing 事件将触发。

如果您只想在屏幕上显示 listView 的 ItemsSource（在您的情况下为 ShopItems 的计数）计数。您可以使用绑定和转换器：

首先创建一个转换器：

public class ArrayToCountConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        ObservableCollection<ShopCartItem> collection = value as ObservableCollection<ShopCartItem>;

        return "There are" + collection.Count + "items";
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后像这样使用它：

<ContentPage.Resources>
    <ResourceDictionary>
        <local:ArrayToCountConverter x:Key="ArrayToCountConverter"/>
    </ResourceDictionary>
</ContentPage.Resources>

<Label Text="{Binding ShopItems, Converter={StaticResource ArrayToCountConverter}}"/>

还需要设置BindingContext:

public ShopCart shopCart = ShopCart.Instance;
public MainPage()
{
    InitializeComponent();

    this.BindingContext = shopCart;

    MyListView.ItemsSource = shopCart.ShopItems;
}

这样当你在ViewModel中添加或清除ShopItems时，标签会显示计数。