GestureRecognizers在ListView内部无法正常工作的问题求助

我之前也踩过这个坑，ListView的ItemTemplate里加的手势总是没反应，大概率是这几个原因导致的，给你几个靠谱的解决方案：

原因分析 #

ListView的Item本身自带了点击交互（比如你代码里的ItemSelected事件），会优先拦截触摸事件；另外如果手势附着的布局元素是透明的，Xamarin.Forms的HitTest机制会忽略它，导致手势触发不了。

解决方案1：给手势附着的元素设置背景色（关键！） #

如果你的手势是加在Grid或者其他布局上，一定要给这个布局设置BackgroundColor，哪怕是透明色Transparent也可以，这样触摸事件才能被捕获到。示例代码：

<ListView Grid.Row="0" Margin="0" x:Name="ItemsListView" 
          ItemsSource="{Binding SourceItems}" 
          VerticalOptions="FillAndExpand" HasUnevenRows="false"
          RefreshCommand="{Binding LoadItemsCommand}" 
          IsPullToRefreshEnabled="true" IsRefreshing="{Binding IsBusy}"
          ItemSelected="OnItemSelected" IsVisible="{Binding ShowListView}" 
          RowHeight="55">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <!-- 给Grid设置BackgroundColor，哪怕是Transparent -->
                <Grid Margin="15,0,0,0" Padding="0" RowSpacing="0" ColumnSpacing="0"
                      BackgroundColor="Transparent">
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding TapCommand}" 
                                              NumberOfTapsRequired="1"/>
                    </Grid.GestureRecognizers>
                    <!-- 你的其他子元素，比如Label、Image等 -->
                    <Label Text="{Binding ItemName}" VerticalOptions="Center"/>
                </Grid>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

解决方案2：禁用ListView的默认点击拦截（如果不需要ItemSelected） #

如果你不需要ListView的ItemSelected事件，可以直接设置ListView.SelectionMode="None"，这样手势就能正常触发了：

<ListView ... SelectionMode="None" ItemSelected="OnItemSelected">
    <!-- 其余代码不变 -->
</ListView>

解决方案3：将手势附着在具体的子元素上 #

如果布局里有具体的可交互元素（比如Label、Image），可以直接把手势加在这些元素上，而不是父布局，这样能避免布局透明的问题：

<Grid Margin="15,0,0,0" Padding="0" RowSpacing="0" ColumnSpacing="0">
    <Label Text="{Binding ItemName}" VerticalOptions="Center">
        <Label.GestureRecognizers>
            <TapGestureRecognizer Command="{Binding TapCommand}"/>
        </Label.GestureRecognizers>
    </Label>
</Grid>

额外注意点 #

• 确保你的TapCommand是在Item的ViewModel里（而不是页面ViewModel），因为DataTemplate绑定的是每个Item的上下文。
• 如果是长按手势（LongPressGestureRecognizer），同样需要遵循上面的规则，尤其是背景色的设置。

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