UWP页面过渡动画

Question

我在Windows 10 UWP中进行编程。 我有一个Xaml中的Frame，当用户从该页面导航到另一页时，我希望将Page/Content向左滑动并滑出屏幕。有什么办法可以实现Frame Navigation Animations吗？

- MiddleTommy

Answer 1

尝试使用内置动画：

protected virtual void SetUpPageAnimation()
{
    TransitionCollection collection = new TransitionCollection();
    NavigationThemeTransition theme = new NavigationThemeTransition();

    var info = new ContinuumNavigationTransitionInfo();

    theme.DefaultNavigationTransitionInfo = info;
    collection.Add(theme);
    this.Transitions = collection;
}

在页的构造函数中调用此方法，您将发现进入或离开 Page 时会有动画。

有几种内置的动画名称以 Info 结尾，你可以自己尝试它们。

- JuniperPhoton

---

奇怪的。我尝试了这个的XAML等效物，但它只是让模拟器崩溃了。但这个确实有效！ - John Gardner

在XAML中添加转换应该可以工作。但请确保您完全按照上面的代码进行操作，并且它必须因某些原因而崩溃。 - JuniperPhoton

回答不错，但需要更多的解释和文档链接... - Cabuxa.Mapache

Answer 2

有一种内置的方法可以做到这一点，但是它只支持一组不可定制的动画/页面转换。

如果您想要进行自定义动画，则需要实现自己的Frame + Page子类，其中您的页面包含其自己的进入/离开动画，而您的Frame在导航时调用这些动画。

- Tamás Deme