Hinzufügen von Animationen zum Abspielen nach Zustandsänderungen
.png "Diese Seite bezieht sich nur auf Silverlight 2-Projekte")
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
Drücken Sie F6, um zum Animationsarbeitsbereich zu wechseln. Das Interaktionspanel 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 unter Objekte und Zeitachsen auf die Schaltfläche Zeitachse anzeigen
.png "Dd185497.927789b4-13c3-4722-9a18-d24675423e23(de-de,Expression.10).png")
..png "Dd185497.9985179e-40a4-488b-97e1-94625d2480f4(de-de,Expression.10).png")
.gif "Hinweis")
Hinweis:Wenn Sie unter Status die Option Basis auswählen, wird die Schaltfläche Zeitachse anzeigen
nicht eingeblendet, da 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.10).png")
Zum Hinzufügen weiterer Animationen verschieben Sie die Position
.png "Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(de-de,Expression.10).png")
an eine andere Zeit auf der Zeitachse, und ändern Sie ein Objekt auf der Zeichenfläche.Zum Beispiel möchten Sie, dass eine Spielkarte kreist. Bewegen Sie hierfür die Position
auf die 1-Sekunden-Marke, und wählen Sie dann das LayoutRoot-Objekt unter Objekte und Zeitachse und im Eigenschaftenpanel unter Transformation die Registerkarte Drehen aus. Legen Sie dann die Angle-Eigenschaft auf 360 fest..png "Dd185497.e67a5de7-5ff8-4eb5-ac18-e42c820451fb(de-de,Expression.10).png")
Zeigen Sie Ihre Animation in der Vorschau an, indem Sie auf die Schaltfläche Wiedergabe
.png "Dd185497.64ad8e84-1eec-4154-9d0c-11fef322c0bf(de-de,Expression.10).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 für Statusänderungen bei Systemsteuerelementen.
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 Benutzerinteraktionen.