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

我想为堆栈面板的可见性更改提供动画。 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>

---

但这只会使堆栈面板淡入淡出，我想从左到右滑动它。

您可以在一个

元素中放置多个项目，因此您可以在其中添加

翻译

和

不透明度

动画

---

此外，平移使用绝对值，因此您要做的是将面板当前仅向右移动一个像素，这是无法察觉的。例如，尝试将

From=“-200”

和

To=“0”

设置为

。
Hi Raghva，您已经尝试了什么？也许，如果你学习并阅读如何提问……你是否尝试过使用VS blend创建故事板？它很容易使用，也支持复杂的动画。不，我没有尝试过故事板，因为我对它一无所知。如果你知道我能在哪里看到故事板的最好地方吗？翻译动画使用矢量3KeyFrames，而不是ScalarKeyFrames。你不可能轻易地通过故事板实现自动可视性的改变——保持构图是更好的主意。