Erstellen einer einfachen Animation

In Microsoft Expression Blend können Sie beliebige visuelle Elemente wie folgt animieren.

So erstellen Sie eine einfachen Animation

1. Öffnen oder erstellen Sie in Expression Blend ein neues Projekt. Weitere Informationen finden Sie unter Erstellen eines neuen Dokuments oder Projekts.

2. Drücken Sie F6, um zum Animationsarbeitsbereich zu wechseln. (Mit F6 können Sie zwischen dem Designarbeitsbereich und dem Animationsarbeitsbereich wechseln. Im Animationsarbeitsbereich befindet sich das Interaktionspanel 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 Expression Blend. Wenn Sie beispielsweise das Rechteckwerkzeug aus der Werkzeugpalette auswählen und ein Rechteck auf die Zeichenfläche zeichnen, erstellen Sie ein Rechteckobjekt. Weitere Informationen zu Objekten und Steuerelementen finden Sie unter Arbeiten mit Objekten und Eigenschaften und Steuerelemente.

3. Klicken Sie unter Objekte und Zeitachsen auf die Schaltfläche 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. Expression Blend wechselt in den Zeitachsen-Aufzeichnungsmodus, wobei sich die Position an der 0-Sekunden-Marke 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, unter Auslöser für das Window.Loaded-Ereignis ein Ereignisauslöser hinzugefügt. Durch diesen Auslöser wird das Storyboard gestartet, sobald die Anwendung gestartet wird. Für eine einfache Interaktivität können Sie den Ereignisauslöser auswählen und anschließend ändern (in der unteren Hälfte des Bereichs Auslöser), um Folgendes anzugeben: When object .PreviewMouseDown is raised Dabei ist object der Name eines Objekts in der Anwendung. (Das Objekt muss ausgewählt sein, damit es in der unteren linken Hälfte des Bereichs Auslöser angezeigt wird, wenn Sie den Auslöser ändern.) Dadurch wird die Animationszeitachse gestartet, wenn Sie auf das Objekt klicken.

5. Wählen Sie unter 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 die Schaltfläche 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 unter Objekte und Zeitachsen die Position 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:
    Zum Beenden des Zeitachsen-Aufzeichnungsmodus klicken Sie unter Objekte und Zeitachsen auf die Schaltfläche Storyboard schließen, um in dem aktuellen Bereich zu dem ursprünglichen Zustand aller Objekte zurückzukehren.

Siehe auch

Konzepte

Testen von Storyboards

Steuern des Startzeitpunkts eines Storyboards

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