.NET MAUI购物车页面：CollectionView项数据操控与联动问题求助

核心思路 #

放弃直接操作CollectionView内的视图，改用MVVM数据绑定实现需求，这是MAUI的标准做法，能直接解决你遇到的视图访问和当前项获取问题。

1. 单个商品项的数量与小计联动 #

先创建商品项的ViewModel（CartItemViewModel），包含数量、单价、小计属性，其中小计为计算属性，自动随数量变化更新：

public class CartItemViewModel : INotifyPropertyChanged
{
    private int _quantity;
    public int Quantity
    {
        get => _quantity;
        set
        {
            if (_quantity != value)
            {
                _quantity = value;
                OnPropertyChanged();
                OnPropertyChanged(nameof(Subtotal)); // 触发小计更新
            }
        }
    }

    public decimal UnitPrice { get; set; }

    public decimal Subtotal => Quantity * UnitPrice;

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

在CollectionView的ItemTemplate中绑定对应属性：

<CollectionView ItemsSource="{Binding CartItems}">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <HorizontalStackLayout>
                <Label Text="{Binding UnitPrice, StringFormat='单价: {0:C}'}" />
                <Stepper Minimum="1" Maximum="10" Value="{Binding Quantity}" />
                <Label Text="{Binding Subtotal, StringFormat='小计: {0:C}'}" />
            </HorizontalStackLayout>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

调整Stepper时，Quantity自动更新，Subtotal随之计算并同步到标签，全程无需操作视图或手动获取当前项。

2. 页面底部总价计算 #

在主ViewModel（比如CartPageViewModel）中维护商品集合，添加总价计算属性，并监听集合内项的属性变化：

public class CartPageViewModel : INotifyPropertyChanged
{
    private ObservableCollection<CartItemViewModel> _cartItems;
    public ObservableCollection<CartItemViewModel> CartItems
    {
        get => _cartItems;
        set
        {
            if (_cartItems != value)
            {
                // 移除旧集合的事件监听
                if (_cartItems != null)
                {
                    foreach (var item in _cartItems)
                        item.PropertyChanged -= CartItem_PropertyChanged;
                }
                _cartItems = value;
                // 添加新集合的事件监听
                if (_cartItems != null)
                {
                    foreach (var item in _cartItems)
                        item.PropertyChanged += CartItem_PropertyChanged;
                }
                OnPropertyChanged();
                OnPropertyChanged(nameof(TotalCost));
            }
        }
    }

    public decimal TotalCost => CartItems?.Sum(item => item.Subtotal) ?? 0;

    private void CartItem_PropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        // 商品项数量或单价变化时，更新总价
        if (e.PropertyName == nameof(CartItemViewModel.Quantity) || e.PropertyName == nameof(CartItemViewModel.UnitPrice))
        {
            OnPropertyChanged(nameof(TotalCost));
        }
    }

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

在页面底部绑定总价：

<Label x:Name="totalcostLabel" Text="{Binding TotalCost, StringFormat='总价: {0:C}'}" />

问题根源说明 #

• 无法访问CollectionView内视图：CollectionView的项是虚拟加载、复用的，直接操作视图会导致数据错乱，MVVM绑定才是正确路径。
• 无法获取当前项：根本不需要手动获取，每个Stepper绑定的是对应商品项ViewModel的Quantity属性，变化会自动触发后续计算，全程通过数据驱动。

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