如何使用 Visible 属性重新启动 UWP 中的动画？

Question

在 UWP 应用程序中，我在窗口底部显示一个错误栏，例如 Windows 10 的邮件应用程序。我的想法是当我将可见性更改为折叠时，动画就会开始。 动画仅在创建窗口时工作一次。我想在每次可见性从可见变为折叠时触发动画。 XAML 代码是：

 <StackPanel Grid.Row="1" Canvas.ZIndex="10"  Background="{StaticResource BackError}"  VerticalAlignment="Bottom" Name="NotificationStackPanel"  >
        <StackPanel.Transitions>
            <TransitionCollection>
                <PaneThemeTransition  Edge="Bottom"/>
            </TransitionCollection>
        </StackPanel.Transitions>
        <TextBlock VerticalAlignment="Center"  Foreground="White" Margin="20"  Name="NotificationText"/>
    </StackPanel>

我现在的解决方法是删除整个 StackPanel 并重新创建它，它可以工作，但看起来太丑了。

Answer 1

PaneThemeTransition 是一个过渡动画。通常，我们使用面板动画 (PaneThemeTransition) 来显示滑入屏幕很远距离的 UI，例如任务窗格或自定义软键盘。

过渡动画具有内置触发器（过渡），可以在添加、删除、重新排序等 UI 元素时自动运行。过渡动画很容易应用。但是我们对动画效果的时间和顺序没有太多的控制。

要重新启动面板动画，您可以从其父元素中删除StackPanel，然后再次添加它：

private bool isVisible = true;

private void ChangeVisibility()
{
    if (isVisible)
    {
        //Root is a Grid which is the parent element of NotificationStackPanel
        Root.Children.Remove(NotificationStackPanel);
    }
    else
    {
        Root.Children.Add(NotificationStackPanel);
    }
    isVisible = !isVisible;
}