如何在使用CommunityToo的CollectionView中实现滚动到底部？

问题1：跨线程滚动到底部的处理 #

如果事件处理逻辑在后台线程执行（比如Ping操作的回调），直接操作CollectionView会触发跨线程异常，必须切换到主线程执行UI操作：

在MainPage.xaml.cs中添加滚动方法，用主线程包裹UI操作：

private async Task ScrollToBottom()
{
    await MainThread.InvokeOnMainThreadAsync(() =>
    {
        if (ResponseCollectionView.ItemsSource != null && ResponseCollectionView.ItemsSource.Cast<object>().Any())
        {
            ResponseCollectionView.ScrollTo(ResponseCollectionView.ItemsSource.Cast<object>().Last(), position: ScrollToPosition.End, animate: false);
        }
    });
}

问题2：ViewModel无法访问CollectionView的正确处理 #

ViewModel属于业务逻辑层，禁止直接引用View层控件（违反MVVM分离原则），推荐以下两种实现方式：

方式1：View层监听集合变化 #

在MainPage构造函数中，监听Responses集合的新增事件，自动触发滚动：

public MainPage(PingResponseViewModel prvm)
{
    InitializeComponent();
    BindingContext = prvm;

    prvm.Responses.CollectionChanged += (sender, e) =>
    {
        if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
        {
            _ = ScrollToBottom();
        }
    };

    Debug.WriteLine("---------------------------------");
    Debug.WriteLine("Program started");
}

方式2：用WeakReferenceMessenger实现跨层通知（推荐） #

基于CommunityToolkit.Mvvm的消息机制，实现ViewModel与View的解耦：

1. 定义消息类：

namespace PingTest.Messages;

public class ScrollToBottomMessage
{
}

2. ViewModel中添加元素后发送消息：

using CommunityToolkit.Mvvm.Messaging;

namespace PingTest.ViewModel;

public partial class PingResponseViewModel : ObservableObject
{
    public PingResponseViewModel() 
    {
        Responses = new ObservableCollection<string>();
    }

    [ObservableProperty]
    ObservableCollection<string> responses;

    // 示例添加方法
    public void AddResponse(string response)
    {
        Responses.Add(response);
        WeakReferenceMessenger.Default.Send(new ScrollToBottomMessage());
    }
}

3. MainPage中注册消息监听：

using CommunityToolkit.Mvvm.Messaging;
using PingTest.Messages;

public partial class MainPage : ContentPage
{
    private readonly PingResponseViewModel _prvm;

    public MainPage(PingResponseViewModel prvm)
    {
        InitializeComponent();
        _prvm = prvm;
        BindingContext = prvm;

        WeakReferenceMessenger.Default.Register<ScrollToBottomMessage>(this, (recipient, message) =>
        {
            _ = ScrollToBottom();
        });

        Debug.WriteLine("---------------------------------");
        Debug.WriteLine("Program started");
    }

    private async Task ScrollToBottom()
    {
        await MainThread.InvokeOnMainThreadAsync(() =>
        {
            if (_prvm.Responses.Any())
            {
                ResponseCollectionView.ScrollTo(_prvm.Responses.Last(), position: ScrollToPosition.End, animate: false);
            }
        });
    }

    protected override void OnDisappearing()
    {
        base.OnDisappearing();
        WeakReferenceMessenger.Default.Unregister<ScrollToBottomMessage>(this);
    }
}

注意：你当前MainPage构造函数中prvm = new PingResponseViewModel();属于冗余代码，直接使用构造函数注入的实例即可，避免创建重复对象。

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