MAUI Android端CarouselView内嵌CollectionView滚动异常问题

差异原因 #

iOS与Android的触摸事件传递逻辑存在本质区别：

• iOS的滚动控件（如UICollectionView）会优先拦截同方向的触摸事件，当用户在横向CollectionView上滑动时，事件会被内层控件直接处理，不会传递给外层的CarouselView。
• Android的触摸事件采用外层向内层传递的机制，默认情况下内层横向CollectionView不会主动拦截横向滑动手势，导致外层CarouselView先捕获到滑动动作，触发页面切换而非内层滚动。

XAML为主的修复方案 #

通过给内层CollectionView添加手势识别器，手动拦截横向滚动事件，阻止其传递到外层CarouselView：

步骤1：修改EmailView中的CollectionView XAML #

<CollectionView 
  x:Name="attachmentsList"
  ItemsSource="{Binding AttachmentNames}"
  HeightRequest="50"
  Grid.Row="1" >
  <!-- 添加手势识别器 -->
  <CollectionView.GestureRecognizers>
    <PanGestureRecognizer PanUpdated="OnAttachmentPanUpdated" />
  </CollectionView.GestureRecognizers>
  
  <CollectionView.ItemsLayout>
     <LinearItemsLayout Orientation="Horizontal" ItemSpacing="5"/>
  </CollectionView.ItemsLayout>
  
  <CollectionView.ItemTemplate>
     <DataTemplate>
        <Label Text="{Binding Name}" />
     </DataTemplate>
  </CollectionView.ItemTemplate>
</CollectionView>

步骤2：在EmailView后台添加事件处理代码 #

private void OnAttachmentPanUpdated(object sender, PanUpdatedEventArgs e)
{
    // 当内层滚动处于运行状态时，标记事件已处理，阻止向外层传递
    if (e.StatusType == GestureStatus.Running)
    {
        e.Handled = true;
    }
}

效果验证 #

• iOS端：保持原有正常表现，附件区域可横向滚动，点击区域外正常切换邮件。
• Android端：滚动附件区域时，内层CollectionView独立滚动，不会触发外层CarouselView的页面切换；点击附件区域外仍可正常切换邮件。

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