如何让ScrollView每30秒自动滚动至顶部？

你的问题出在ScrollView嵌套了CollectionView，CollectionView本身是独立的滚动容器，导致ScrollView的可滚动区域几乎为0，所以调用ScrollView的ScrollToAsync方法没有效果。正确的做法是直接操作CollectionView滚动到第一个元素。

实现步骤 #

1. 添加定时滚动逻辑
   在页面的生命周期方法中启动定时任务，每30秒触发一次滚动操作：

   private CancellationTokenSource _autoScrollCts;
   
   protected override void OnAppearing()
   {
       base.OnAppearing();
       _autoScrollCts = new CancellationTokenSource();
       StartAutoScrollTask(_autoScrollCts.Token);
   }
   
   protected override void OnDisappearing()
   {
       _autoScrollCts?.Cancel();
       _autoScrollCts?.Dispose();
       base.OnDisappearing();
   }
   
   private async void StartAutoScrollTask(CancellationToken cancellationToken)
   {
       while (!cancellationToken.IsCancellationRequested)
       {
           // 等待30秒
           await Task.Delay(30000, cancellationToken);
   
           // 确保数据源不为空且有元素
           if (alerts.ItemsSource != null && alerts.ItemsSource.Cast<object>().Any())
           {
               // 获取第一个元素，滚动到顶部
               var firstAlert = alerts.ItemsSource.Cast<object>().First();
               await alerts.ScrollToAsync(firstAlert, ScrollToPosition.Start, animate: true);
           }
       }
   }
   

2. 为什么之前的方法无效？

   • ScrollView的内容是CollectionView，当CollectionView的高度自适应内容时，ScrollView没有多余的滚动空间，所以ScrollToAsync(0,0)不会产生可见效果。
   • CollectionView的ScrollToAsync方法针对自身的列表项滚动，是控制列表回到顶部的正确方式。

额外注意事项 #

• 如果你的OVSAlerts是强类型集合（比如ObservableCollection<T>），可以直接用First()获取元素，不需要Cast<object>，类型更安全。
• 加入CancellationToken是为了在页面消失时停止定时任务，避免内存泄漏。

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