Android 9.0下Xamarin.Forms ListView聊天UI滚动异常求助

你提到的通过旋转ListView实现消息从底部显示的方案，在Android 9.0上出现兼容性问题其实挺常见的——因为视图旋转会打乱原生控件的渲染逻辑和滚动事件处理，尤其是Android版本更新后，系统对视图测量、绘制的机制有调整，就容易出现卡顿、方向错乱这类问题。下面给你两种思路来解决：

一、修复现有旋转方案的兼容性问题 #

如果想保留原方案的思路，可以把旋转整个ListView的操作，换成反转消息集合的顺序，让ListView保持正常方向渲染：

1. 在ViewModel中维护一个反转后的消息集合，比如：

   private ObservableCollection<Message> _messages;
   public ObservableCollection<Message> ReversedMessages { get; } = new ObservableCollection<Message>();
   
   // 当原Messages集合更新时，同步反转集合
   private void OnMessagesChanged(object sender, NotifyCollectionChangedEventArgs e)
   {
       ReversedMessages.Clear();
       foreach (var msg in _messages.Reverse())
       {
           ReversedMessages.Add(msg);
       }
   }
   

2. 把ListView的ItemsSource绑定到ReversedMessages，同时移除Rotation="180"和FlowDirection="RightToLeft"属性，让控件保持原生方向。
3. 这样既实现了消息从底部开始显示的效果，又避免了视图旋转带来的渲染异常。

二、更优的聊天UI实现方案（推荐） #

旋转方案本质是“曲线救国”，其实Xamarin.Forms有更原生、更稳定的方式实现聊天UI，推荐这两种：

1. 使用CollectionView替代ListView #

CollectionView是官方推出的高性能列表控件，专门用来替代ListView，它原生支持自动滚动到底部的功能，完全不需要旋转操作：

<Grid RowSpacing="0" ColumnSpacing="0">
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="1" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <CollectionView Grid.Row="0"
                    ItemsSource="{Binding Messages}"
                    ItemsUpdatingScrollMode="KeepLastItemInView"
                    HasUnevenRows="True"
                    ItemTemplate="{StaticResource MessageTemplateSelector}"
                    Margin="0"
                    x:Name="ChatList"
                    VerticalOptions="FillAndExpand"
                    SeparatorColor="Transparent"
                    ItemAppearingCommand="{Binding MessageAppearingCommand}"
                    ItemDisappearingCommand="{Binding MessageDisappearingCommand}">
        <CollectionView.ItemsLayout>
            <LinearItemsLayout Orientation="Vertical" />
        </CollectionView.ItemsLayout>
    </CollectionView>

    <BoxView HorizontalOptions="FillAndExpand" HeightRequest="1" BackgroundColor="#61427D" Grid.Row="1"/>
    <partials:ChatInputBarView Grid.Row="2" Margin="0,0,0,0" x:Name="chatInput"/>
</Grid>

只需要设置ItemsUpdatingScrollMode="KeepLastItemInView"，新消息加入时就会自动滚动到底部，性能和兼容性都比旋转ListView好很多。

2. 手动控制ListView滚动到底部 #

如果暂时不想替换成CollectionView，可以保留原ListView的正常方向，在新消息添加完成后，手动调用滚动方法：

// 当新消息添加后，调用此方法滚动到底部
ChatList.ScrollTo(Messages.LastOrDefault(), ScrollToPosition.End, animate: true);

这种方式就是你提到的Monkeychat的实现思路，完全贴合原生控件的行为，不会出现版本兼容性问题。

总结 #

旋转ListView的方式虽然巧妙，但在不同Android版本上容易触发渲染异常，更推荐使用CollectionView的原生自动滚动功能，或者手动控制ListView滚动的方案，既能解决Android 9.0的卡顿和方向问题，也能获得更好的整体性能。

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