如何在Frame.GoBack(NavigationTransitionInfo)结束时滚动GridView到底部？

嘿，这个需求我刚好处理过！要等Frame.GoBack()的过渡动画完全结束再滚动GridView，确实得找对时机——直接在Navigated事件里执行滚动的话，动画还在运行，要么滚动被打断，要么用户看不到完整的滚动过程，完全达不到预期效果。下面给你两种靠谱的实现方案：

方案一：用Frame的NavigationTransitionCompleted事件（推荐，Win10 1809+） #

从Windows 10 1809（Build 17763）开始，微软给Frame新增了NavigationTransitionCompleted事件，这个事件就是专门在导航过渡动画完全结束后触发的，完美匹配你的需求：

1. 先给承载导航的Frame注册这个事件（比如在主页面的构造函数或者Loaded事件里）：

   // 假设你的Frame实例叫MainFrame
   MainFrame.NavigationTransitionCompleted += MainFrame_NavigationTransitionCompleted;
   

2. 在事件处理方法里，判断当前回到的页面是否是你需要操作GridView的页面，然后执行滚动：

   private void MainFrame_NavigationTransitionCompleted(object sender, NavigationTransitionCompletedEventArgs e)
   {
       // 替换成你包含GridView的页面类型
       if (MainFrame.Content is YourGridViewPage targetPage)
       {
           // 滚动到GridView最后一项，并且对齐底部
           targetPage.YourGridView.ScrollIntoView(
               targetPage.YourGridView.Items[targetPage.YourGridView.Items.Count - 1],
               ScrollIntoViewAlignment.End
           );
       }
   }
   

方案二：用Composition API兼容旧版本（Win10 1607+） #

如果你的应用需要兼容更早的Windows 10版本，可以用Composition API来监听页面过渡动画的完成：

在包含GridView的目标页面的OnNavigatedTo方法里，添加以下代码：

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);

    // 只在从其他页面返回时执行
    if (e.NavigationMode == NavigationMode.Back)
    {
        var pageVisual = ElementCompositionPreview.GetElementVisual(this);
        var compositor = pageVisual.Compositor;

        // 创建动画批次，监听所有过渡动画完成
        var animationBatch = compositor.CreateScopedBatch(CompositionBatchTypes.Animation);
        animationBatch.Completed += AnimationBatch_Completed;
        animationBatch.End();
    }
}

private void AnimationBatch_Completed(object sender, CompositionBatchCompletedEventArgs e)
{
    // 回到UI线程执行滚动操作（Composition事件在后台线程触发）
    _ = Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
    {
        // 确保数据源已加载完成，再滚动到底部
        if (YourGridView.Items.Count > 0)
        {
            YourGridView.ScrollIntoView(
                YourGridView.Items[YourGridView.Items.Count - 1],
                ScrollIntoViewAlignment.End
            );
        }
    });
}

几个关键细节要注意： #

• 滚动时一定要指定ScrollIntoViewAlignment.End，这样才能确保完全滚动到GridView底部，而不是只让最后一项可见
• 如果GridView的数据源是异步加载的，要确保在执行滚动前数据已经完全加载完成，否则可能会滚动到错误的位置
• 用Composition API时，必须回到UI线程执行滚动操作，因为Composition的事件是在后台线程触发的

这样就能完美实现你的需求：过渡动画完全结束后，平滑地将GridView滚动到底部，用户能清晰看到整个滚动过程。

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