Hinzufügen von Animationen zum Abspielen nach Zustandsänderungen
Sie können einem Status eine Animation hinzufügen, die abgespielt werden, wenn das Steuerelement in den betreffenden Status übergeht. Eine Schaltfläche ändert zum Beispiel die Farbe, wenn Sie den Mauszeiger darüber bewegen, da sie den Status MouseOver annimmt. Wenn Sie dem Status MouseOver eine Animation hinzufügen (z. B. eine Schaltfläche, die sich kontinuierlich dreht) wird die Animation abgespielt, sobald die Schaltfläche die Farbe ändert.
So fügen Sie einem Status eine Animation hinzu
Wechseln Sie zum Animationsarbeitsbereich. Das Panel Objekte und Zeitachsen wird unter die Zeichenfläche verschoben, sodass mehr Platz zur Anzeige der Zeitachse zur Verfügung steht.
Wählen Sie unter Status den Status aus, dem Sie eine Animation hinzufügen möchten.
Klicken Sie im Panel Objekte und Zeitachsen auf Zeitachse anzeigen
.png "Dd185497.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(DE-DE,Expression.30).png")
..png "Dd185497.9985179e-40a4-488b-97e1-94625d2480f4(DE-DE,Expression.30).png")
.gif "Hinweis")
Hinweis:Wenn Sie unter Zustände die Option Basis auswählen, wird Zeitachse anzeigen
nicht eingeblendet, weil Sie sich nicht im Statusaufzeichnungsmodus befinden.Wenn Sie festgelegt haben, dass das Steuerelement in diesem Status anders dargestellt werden soll als in der Standarddarstellung (Basis ist ausgewählt), ist an der 0-Sekunden-Marke bereits ein Keyframe definiert.
.png "Dd185497.54c77792-cbb0-4f6c-a7c4-88d5e8228c42(DE-DE,Expression.30).png")
Zum Hinzufügen weiterer Animationen verschieben Sie die Position
.png "Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(DE-DE,Expression.30).png")
an eine andere Zeit auf der Zeitachse, und ändern Sie ein Objekt auf der Zeichenfläche.Ggf. möchten Sie, dass eine Spielkarte kreist. Bewegen Sie hierfür die Position
auf die 1-Sekunden-Marke, und wählen Sie im Panel Objekte und Zeitachse das LayoutRoot-Objekt und dann im Eigenschaftenpanel unter Transformation die Registerkarte Drehen. Legen Sie die Angle-Eigenschaft auf 360 fest..png "Dd185497.e67a5de7-5ff8-4eb5-ac18-e42c820451fb(DE-DE,Expression.30).png")
Zeigen Sie Ihre Animation in der Vorschau an, indem Sie auf Wiedergabe
.png "Dd185497.64ad8e84-1eec-4154-9d0c-11fef322c0bf(DE-DE,Expression.30).png")
klicken.Drücken Sie F5, um Ihre aktuelle Statusanimation zu testen.
.gif "Tipp")
Tipp:Wenn das Steuerelement bei einer erneuten Statusänderung nicht auf 0 Grad zurückdrehen soll, können Sie die Übergangszeit für den betreffenden Status auf 0 Sekunden festlegen. Das entsprechende Verfahren finden Sie unter Ändern der Übergangszeit zwischen Statusänderungen.
Nächste Schritte
Sie können die Schleife für die Animation des aktuellen Status mehrmals oder unendlich oft ausführen oder umkehren, sobald der letzte Keyframe erreicht ist. Weitere Informationen finden Sie unter Einstellen der Wiederholung oder Umkehrung von Storyboards am Ende des Zyklus.
Sie können festlegen, wie schnell die Animation zwischen den Keyframes erfolgen soll, um eine wirklichkeitsgetreuere Animation zu erstellen. Weitere Informationen finden Sie unter Ändern der Animationsinterpolation zwischen Keyframes.
Wenn Sie eine Vorlage für ein Systemsteuerelement ändern, können Sie die Änderungen in Ihrer Anwendung mit F5 anzeigen. Wenn Sie mit einem Benutzersteuerelement arbeiten, können Sie die bearbeitete Animation in Aktion sehen, indem Sie einstellen, dass das Steuerelement auf Mausklicks reagiert. Weitere Informationen finden Sie unter Ändern des Status als Reaktion auf eine Benutzerinteraktion.