Question

我想为堆栈面板提供其可见性更改的动画。 Windows 10的Paint 3D提供动画幻灯片，用于菜单按钮点击的导航视图。我想对堆叠面板进行相同的滑动效果，使其可见性发生变化。我使用带有以下代码的Microsoft.Toolkit.Uwp.UI.Animations尝试了动画

          <animations:Implicit.ShowAnimations>
            <animations:TranslationAnimation  Duration="0:0:1" From="0" To="1">
                <animations:ScalarKeyFrame Key="0.2" Value="0.6"/>
                <animations:ScalarKeyFrame Key="0.4" Value="0.3"/>
                <animations:ScalarKeyFrame Key="0.6" Value="0.8"/>
                <animations:ScalarKeyFrame Key="0.8" Value="0.5"/>
            </animations:TranslationAnimation>
        </animations:Implicit.ShowAnimations>

        <animations:Implicit.HideAnimations>
            <animations:OpacityAnimation Duration="0:0:1" From="1" To="0">
                <animations:ScalarKeyFrame Key="0.2" Value="0.5"/>
                <animations:ScalarKeyFrame Key="0.4" Value="0.8"/>
                <animations:ScalarKeyFrame Key="0.6" Value="0.3"/>
                <animations:ScalarKeyFrame Key="0.8" Value="0.6"/>
            </animations:OpacityAnimation>
        </animations:Implicit.HideAnimations>

但这只是让堆叠面板淡入淡出，我想从左向右滑动。

Answer 1

您可以将多个项目放在一个Translation元素中，这样就可以在那里添加Opacity和From="-200"动画。

此外，平移使用绝对值，所以你正在做的是将面板向前移动一个像素，这是不可察觉的。例如，尝试设置To="0"和enumerate。

如何为任何控件的可见性更改提供滑动动画

1 个答案: