UWP页面过渡动画

Question

我在Windows 10 UWP中编程。 我在Xaml中有一个Frame，当用户从页面导航到另一个页面时，我想让页面/内容在屏幕上左右滑动。任何想法如何做框架导航动画？

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 constructor中调用此方法，您会发现当您进入或离开Page时会有动画。

很少有内置动画，其名称以Info结尾，您应该自己尝试一下。

Answer 2

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

如果你想做自定义动画，你需要实现自己的Frame + Page子类，你的Pages包含他们自己的入口/离开动画，你的Frame在导航时调用它们。