如何通过MVVM获取CollectionView点击项？解决参数为空问题

当前场景：CollectionView已绑定SelectionChangedCommand和SelectedItem相关配置，点击事件能正常触发，但命令参数obj始终为空，无法获取点击项。

问题原因 #

原XAML中SelectionChangedCommandParameter="{Binding SelectedItem}"默认绑定ViewModel的SelectedItem属性，但存在两个核心问题：

1. 未在CollectionView上显式绑定SelectedItem到ViewModel的对应属性，导致ViewModel的SelectedItem始终为空
2. 即使绑定了属性，SelectionChanged事件触发时机早于ViewModel的SelectedItem更新，导致参数传递时数据未同步

解决方案 #

方案1：修正命令参数绑定，直接传递CollectionView的选中项

修改SelectionChangedCommandParameter的绑定逻辑，指定绑定源为CollectionView自身，确保传递的是控件当前的选中项：

<CollectionView 
    SelectionChangedCommand="{Binding ClickCommand}" 
    SelectionMode="Single" 
    SelectionChangedCommandParameter="{Binding SelectedItem, Source={RelativeSource Self}}"
    VerticalOptions="FillAndExpand" 
    ItemsSource="{Binding WifiHotSpots}">
    <!-- ItemTemplate 保持原有配置不变 -->
</CollectionView>

修改后，命令参数会直接收到CollectionView当前的选中项数据。

方案2：通过ViewModel的SelectedItem属性获取

先在CollectionView上绑定SelectedItem到ViewModel的对应属性：

<CollectionView 
    SelectedItem="{Binding SelectedItem}"
    SelectionChangedCommand="{Binding ClickCommand}" 
    SelectionMode="Single" 
    VerticalOptions="FillAndExpand" 
    ItemsSource="{Binding WifiHotSpots}">
    <!-- ItemTemplate 保持原有配置不变 -->
</CollectionView>

然后在命令中直接访问ViewModel的SelectedItem属性，无需依赖命令参数：

[RelayCommand]
public void Click()
{
    var selectedHotSpot = SelectedItem;
    // 处理选中的热点数据逻辑
}

方案3：给列表项添加点击手势，直接传递当前数据项

在ItemTemplate的根元素中添加TapGestureRecognizer，绕过SelectionChanged逻辑，直接将当前数据项作为参数传递给命令：

<CollectionView 
    SelectionMode="Single" 
    VerticalOptions="FillAndExpand" 
    ItemsSource="{Binding WifiHotSpots}">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid Padding="10">
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer 
                        Command="{Binding Source={RelativeSource AncestorType={x:Type local:YourViewModelType}}, Path=ClickCommand}"
                        CommandParameter="{Binding .}" />
                </Grid.GestureRecognizers>
                <Label Text="{Binding .}" FontAttributes="Bold" />
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

注意将local:YourViewModelType替换为你项目中实际的ViewModel类型，点击列表项时命令会直接收到当前数据项。

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