Wie starten Sie die Animation in UWP mit Visible-Eigenschaft?

Question

In einer UWP-App, ich zeige eine Fehlerleiste im unteren Teil des Fensters, wie Mail-Anwendung von Windows 10. Die Idee ist, wenn ich die Sichtbarkeit zu Collapsed ändern, würde die Animation starten. Die Animation funktioniert nur einmal, wenn das Fenster erstellt wird. Ich möchte die Animation jedes Mal auslösen, wenn die Sichtbarkeit von "Sichtbar" zu "Eingeschaltet" wechselt. Der XAML-Code ist:

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

Meine Abhilfe für jetzt ist die gesamte Stackpanel zu entfernen und wieder neu zu erstellen, es funktioniert, aber es scheint zu hässlich.

Answer 1

PaneThemeTransition ist eine Übergangsanimation. In der Regel verwenden wir Flächenanimationen (PaneThemeTransition), um UI zu zeigen, die in erheblichem Abstand auf dem Bildschirm angezeigt werden, z. B. ein Aufgabenbereich oder eine benutzerdefinierte Tastatur.

Übergangsanimationen verfügen über integrierte Auslöser (Übergang), die automatisch ausgeführt werden können, wenn Elemente der Benutzeroberfläche hinzugefügt, entfernt, neu angeordnet werden usw. Übergangsanimationen sind einfach anzuwenden. Aber wir haben nicht viel Kontrolle über das Timing und die Reihenfolge der Animationseffekte.

die Panel-Animation neu zu starten, können Sie die StackPanel bilden ihr Mutterelement entfernen und anschließend wieder hinzufügen:

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