MAUI中CollectionView项上Community Toolkit长按行为的正确放置位置

问题核心是ItemTemplate内的控件DataContext是单个列表项，而LongPressCommand属于页面ViewModel，直接绑定会找不到命令。以下是两种可行的修正方案：

方案1：通过RelativeSource绑定到CollectionView的上下文 #

在ItemTemplate的Grid上添加TouchBehavior，并指定命令绑定的来源为CollectionView的BindingContext：

<CollectionView ItemsSource="{Binding FormattedEvents}" 
                VerticalScrollBarVisibility="Always" 
                EmptyView="No events recorded."
                HeightRequest="500" 
                SelectedItem="{Binding SelectedMatchEvent}"
                SelectionMode="Single">

    <!-- 空列表的长按保留 -->
    <CollectionView.Behaviors>
        <toolkit:TouchBehavior LongPressCommand="{Binding LongPressCommand}"/>
    </CollectionView.Behaviors>

    <CollectionView.ItemTemplate>
        <DataTemplate>
            <!-- 修改HorizontalOptions为Fill确保长按区域覆盖整行 -->
            <Grid Padding="10" HorizontalOptions="Fill">
                <Grid.Behaviors>
                    <!-- 绑定到CollectionView的ViewModel命令 -->
                    <toolkit:TouchBehavior 
                        LongPressCommand="{Binding BindingContext.LongPressCommand, 
                        Source={RelativeSource AncestorType={x:Type CollectionView}}}"
                        <!-- 可选：传递当前项作为命令参数 -->
                        LongPressCommandParameter="{Binding .}"/>
                </Grid.Behaviors>
                <!-- 原有Grid布局和Label保持不变 -->
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="150" />
                    <ColumnDefinition Width="50" />
                    <ColumnDefinition Width="150" />
                </Grid.ColumnDefinitions>
                
                <Label Grid.Row="0" Grid.Column="0" Padding="5,0,5,0"
                       TextColor="White" Text="{Binding HomeEventMessage}"
                       FontSize="Medium"/>

                <Label Grid.Column="1" Padding="5,0,5,0"
                       TextColor="White" Text="{Binding EventTime}"
                       HorizontalOptions="Center" FontSize="Default"/>
                
                <Label Grid.Column="2"  <!-- 修正原代码列索引错误 -->
                       Text="{Binding AwayEventMessage}" TextColor="White"
                       FontSize="Medium" />
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

方案2：通过页面引用绑定 #

如果页面有命名（比如x:Name="MainPage"），可以直接引用页面的BindingContext：

<toolkit:TouchBehavior 
    LongPressCommand="{Binding BindingContext.LongPressCommand, Source={x:Reference MainPage}}"
    LongPressCommandParameter="{Binding .}"/>

额外注意点 #

• 原代码中第三个Label的Grid.Column="3"是错误的，Grid仅定义了3列（索引0、1、2），需修正为Column="2"，否则该Label会被隐藏，影响长按区域。
• 将Grid的HorizontalOptions从Center改为Fill，确保整行都能触发长按，提升用户体验。
• 如果需要在命令中获取当前长按的列表项，添加LongPressCommandParameter="{Binding .}"，ViewModel的命令参数即可接收该项数据。

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