Visibleプロパティを使用してUWPでアニメーションを再起動するにはどうすればよいですか？

Question

UWPアプリケーションでは、Windows 10のMailアプリケーションのように、ウィンドウの下部にエラーバーが表示されます。アイデアは、VisibilityをCollapsedに変更すると、アニメーションが開始されます。 アニメーションは、ウィンドウが作成されたときに一度しか動作しません。 VisibilityがVisibleからCollapsedに変わるたびにアニメーションをトリガーしたいと思います。 XAMLコードは次のとおりです。今、全体のStackPanelを削除して、再びそれを再作成するための

<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> 

私の回避策、それは動作しますが、それはあまりにも醜いようです。

Answer 1

PaneThemeTransitionはトランジションアニメーションです。通常、パネルペイントやカスタムソフトキーボードなど、画面にかなりの距離をスライドするUIを表示するには、パネルアニメーション（PaneThemeTransition）を使用します。

遷移アニメーションには、UI要素の追加、削除、並べ替えなどの際に自動的に実行できる組み込みのトリガ（遷移）があります。トランジションアニメーションは簡単に適用できます。しかし、私たちはアニメーション効果のタイミングと順序をあまり制御することはできません。

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; 
}