Erstellen einer einfachen Animation

In Blend for Visual Studio können Sie beliebige visuelle Elemente animieren.

So erstellen Sie eine einfachen Animation

1. Öffnen oder erstellen Sie in Blend ein neues Projekt.

   Weitere Informationen finden Sie unter Erstellen eines neuen Projekts in Blend.

2. Drücken Sie F6, um zum Arbeitsbereich Animation zu wechseln. (Mit F6 wechseln Sie zwischen den vorhandenen Arbeitsbereichen. Im Arbeitsbereich Animation befindet sich das Panel Objekte und Zeitachsen unterhalb der Zeichenfläche.) Erstellen Sie die Objekte, die Sie animieren möchten.

   Tipp

   Objekt bezieht sich auf ein Element auf der Zeichenfläche in Blend.Wenn Sie im Werkzeugpanel beispielsweise Rectangle  auswählen und ein Rechteck auf die Zeichenfläche zeichnen, erstellen Sie ein rectangle-Objekt.Weitere Informationen zu Objekten und Steuerelementen finden Sie unter Arbeiten mit Objekten und Eigenschaften in Blend und Einfügen von Steuerelementen und Ändern des Verhaltens in Blend.

3. Klicken Sie im Panel Objekte und Zeitachsen auf Neu .

   Das Dialogfeld Ressource "Storyboard" erstellen wird geöffnet.

4. Geben Sie im Feld Ressourcenname (Schlüssel) den Namen für die Zeitachse ein, und klicken Sie dann auf OK. Blend wechselt in den Zeitachsen-Aufzeichnungsmodus, wobei sich die Position  an der Markierung für 0 Sekunden befindet. Im Aufzeichnungsmodus wird durch jede Eigenschaft, die Sie festlegen, automatisch ein Keyframe für die Zeitachse aufgezeichnet.

   Tipp

   Standardmäßig wird durch jedes Storyboard, das im Stamm des Dokuments erstellt wird, im Triggerpanel für das Window.Loaded-Ereignis ein Ereignistrigger hinzugefügt.Durch diesen Trigger wird das Storyboard gestartet, sobald die Anwendung gestartet wird.Für eine einfache Interaktivität können Sie den Ereignistrigger auswählen und anschließend ändern (in der unteren Hälfte des Triggerpanels), um Folgendes anzugeben:

   When object.PreviewMouseDown is raised

   In diesem Beispiel ist object der Name eines Objekts in der Anwendung. (Das Objekt muss ausgewählt sein, damit es in der unteren Hälfte des Triggerpanels angezeigt wird, wenn Sie den Trigger ändern.) Dadurch wird die Animationszeitachse gestartet, wenn Sie auf das Objekt klicken.

5. Wählen Sie im Panel Objekte und Zeitachsen das Objekt aus, das Sie animieren möchten.

6. Wenn das ausgewählte Objekt an der aktuellen Position und in der aktuellen Darstellung gestartet werden soll, klicken Sie auf Keyframe aufzeichnen , um das Objekt an der 0-Sekunden-Marke aufzuzeichnen. Ein Keyframe  wird auf der Zeitachse in der Zeile angezeigt, die dem ausgewählten Objekt entspricht.

7. Ziehen Sie die Abspielposition im Bereich Objekte und Zeitachsen an den Zeitpunkt, an dem die Animation beendet werden soll.

8. Wenn das Objekt am Ende der Animation genauso dargestellt werden soll wie am Anfang der Animation, klicken Sie auf die Schaltfläche Keyframe aufzeichnen.

9. Verschieben Sie die Position an die Stelle auf der Zeitachse, an der eine Eigenschaftenänderung auftreten soll.

10. Ändern Sie eine Eigenschaft des ausgewählten Objekts, z. B. die Position, Farbe oder Größe des Objekts. Es wird automatisch ein Keyframe auf der Zeitachse angezeigt, um die Eigenschaftenänderung aufzuzeichnen.

    Tipp

    Sie können die einzelnen Eigenschaftskeyframes anzeigen, indem Sie den Knoten des Objekts erweitern.Dies ist hilfreich, wenn Sie einen Keyframe für eine einzelne Eigenschaft anstatt für das gesamte Objekt verschieben möchten.

11. Klicken Sie zum Anzeigen der soeben erstellten Animation oben in Objekte und Zeitachsen auf die Schaltfläche Wiedergabe.

    Tipp

    Wenn Sie den Zeitachsen-Aufzeichnungsmodus beenden möchten, klicken Sie auf Storyboard schließen , um im aktuellen Bereich zum ursprünglichen Zustand aller Objekte zurückzukehren.

Siehe auch

Aufgaben

Testen von Storyboards

Steuern des Startzeitpunkts eines Storyboards

Weiterführende Themen: Wiedergabe von Übergabeanimationen und Animationen, die nicht übergeben werden