UWP 页面过渡动画

Question

我在 Windows 10 UWP 中编程。我在 Xaml 中有一个框架，当用户从页面导航到另一个页面时，我想让 Page/Content 向左滑动并离开屏幕。知道如何制作帧导航动画吗？

Answer 1

有一种内置方法可以执行此操作，但它仅支持一组不可自定义的动画/页面转换。

如果您想制作自定义动画，您需要实现自己的 Frame + Page 子类，其中您的页面包含自己的 entrance/leaving 动画，而您的 Frame 在导航时调用这些。

Answer 2

尝试使用内置动画：

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结尾的很少，您可以自己尝试一下。

UWP 页面过渡动画

UWP Page Transition Animations

xaml

windows-10

uwp