C# UWP-版本1809,连接/协调动画配置不相同

C# UWP-版本1809,连接/协调动画配置不相同,c#,.net,uwp,C#,.net,Uwp,目标: 我正在开发一个UWP应用程序,它是在1809版本之前创建的。在导航过程中,我们使用连接的动画将一个按钮从第1页单击到第2页的标题。第2页的文本位于动画按钮之后,就好像在导航(协调动画)过程中它被固定在下面一样。一切都很顺利,看起来很不错。这是我们需要回到的 问题:我们希望更新框架,以利用1809版中的新功能。但该框架包含对连接动画和协调动画的更新,以更改其功能。默认情况下,连接的动画将跟随一个新的“重力动画”。按钮在最后一分钟下降并弹出到位,而不是像以前那样直接移动到位 您可以在此处阅读

目标: 我正在开发一个UWP应用程序,它是在1809版本之前创建的。在导航过程中,我们使用连接的动画将一个按钮从第1页单击到第2页的标题。第2页的文本位于动画按钮之后,就好像在导航(协调动画)过程中它被固定在下面一样。一切都很顺利,看起来很不错。这是我们需要回到的

问题:我们希望更新框架,以利用1809版中的新功能。但该框架包含对连接动画和协调动画的更新,以更改其功能。默认情况下,连接的动画将跟随一个新的“重力动画”。按钮在最后一分钟下降并弹出到位,而不是像以前那样直接移动到位

您可以在此处阅读有关更改的信息:

上述文档建议更改配置以使用BasicConnectedAnimationConfiguration。我们做到了这一点,这有点帮助。现在,按钮将像以前一样沿直线设置动画。很好

不幸的是,协调组件仍然使用“重力”配置。它们会下拉并弹出到位,而不是固定在动画按钮/标题上。此外,它们在动画期间有一个阴影,看起来很糟糕,因为它在协调组件之间创建了深度,这些组件看起来应该都在同一个z平面上

我这里的问题是:如何使动画中的协调元素使用基本连接动画配置,而不是新的默认重力连接动画配置? 文档显示了如何覆盖连接的动画,而不是协调的动画

以下是我如何实施它的:

第1.cs页:

 protected override void OnNavigatingFrom(NavigatingCancelEventArgs e)
    {
        try
        {
            ConnectedAnimationService.GetForCurrentView()?
                .PrepareToAnimate("ThumbnailToHeaderAnimation", _Button);

        }
        catch (Exception ex)
        {

        }
    }
第2.cs页:

protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);
        _animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("ThumbnailToHeaderAnimation");
        _animation.Configuration = new BasicConnectedAnimationConfiguration();
        if (_animation != null)
        {
            _animation.Completed += Animation_Completed;
            isAnimating = _animation.TryStart(HeaderImage, new UIElement[] { HeaderTitleCard, HeaderDescriptionCard });
        }
编辑:可在此处找到该问题的视频:

指向我创建的示例项目的链接,以演示该问题:

不幸的是,这是目前协调动画的一个限制。我们正在跟踪主WinUI repo上此错误的修复程序:


同时考虑将协调动画与具有配置集的连接动画交换,并在文本和空网格之间进行连接。 当我在1903版中使用你的代码来播放协调动画时,效果很好。在动画中添加BasicConnectedAnimationConfiguration后,它将沿直线设置动画。那么,您的协调动画是否仍然下拉,然后通过添加BasicConnectedAnimationConfiguration弹出到该位置?你能提供一个简单的样品,可以复制给我们测试吗?谢谢看。我刚刚创建了一个针对1903年的新项目。我尽可能地简单,发现问题仍然存在。如果你想看这个问题的视频,我做了一个屏幕记录:这个演示中的问题很微妙,但在我们更复杂的应用程序中,这是一个大问题。对于您自己的测试,如果第1页的按钮位于第2页标题的一侧,则问题更为明显。我还将此问题的新演示上载到GitHub:您提到“我们希望更新框架以利用版本1809中的新功能”,您指的是什么框架?抱歉,不清楚@Faywang MSFT我只是指UWP的目标版本。我们希望能够瞄准1809年或1903年。但从1809年开始,协调动画的表现有所不同。上面链接的官方文档:“从Windows10版本1809开始,互联动画通过提供专门为向前和向后页面导航定制的动画配置,进一步体现流畅的设计。”