c# - 在 UWP 中显示网格时模拟页面过渡动画

Question

我有一个 Windows 10 (UWP) 应用，在 SplitView 中有几个屏幕。在页面之间导航时会显示页面转换动画(我将动画添加到 SplitView 的 Frame)。

应用程序的一个页面有点不同。在左半部分显示了一个日历。右半部分显示了一天的详细信息。当用户点击日历中的一天(在左侧)时，详细信息会显示在右侧。

当窗口狭窄或应用程序在手机上运行时，仅显示日历或日期。所以用户看到日历，点击一天，日历隐藏(Visibility=Collapsed)并显示日期详细信息(Visibility=Visible)。反之亦然。

问题是这感觉很尴尬，因为没有看起来像是从日历过渡到日期的动画。

那么问题来了，如何模拟显示Grid时的页面过渡动画？

我查看了主从场景的 UWP 示例(我的情况基本上是主从场景)。在示例中，Microsoft 有两个页面，一个是包含列表和详细信息的母版页，另一个是单独的、重复的详细信息页面。以及大量丑陋的代码，用于根据屏幕大小进行导航，在窗口大小更改时操纵返回堆栈等等。这不是一个优雅的解决方案。

Answer 1

不确定模拟导航转换的优雅解决方案，但我不会使用 Visibility。它不能很好地播放动画。

我会考虑使用类似Transform 动画的东西来将两个元素偏移一个屏幕宽度。我不会模拟导航转换，但它会比不和谐的开关好。

或者，您可以在更改选项卡时模拟类似 Pivot 的转换。