Share via


Erstellen einer einfachen Animation

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

So erstellen Sie eine einfachen Animation

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

    Weitere Informationen finden Sie unter Erstellt ein neues Projekt.

  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.

    Cc294948.alert_tip(DE-DE,Expression.30).gifTipp:

    Objekt bezieht sich auf ein Element auf der Zeichenfläche in Expression Blend. Wenn Sie im Werkzeugpanel beispielsweise das RechteckwerkzeugCc294948.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(DE-DE,Expression.30).png 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 Auswählen und Verwenden von interaktiven Steuerelementen.

  3. Klicken Sie im Panel Objekte und Zeitachsen auf Neu Cc294948.86937695-03dd-44ea-aa30-28d4029b3ad0(DE-DE,Expression.30).png.

    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 Cc294948.5626c9eb-40bb-450a-9ca1-3678e5abe429(DE-DE,Expression.30).png an der 0-Sekunden-Marke befindet. Im Aufzeichnungsmodus wird durch jede Eigenschaft, die Sie festlegen, automatisch ein Keyframe für die Zeitachse aufgezeichnet.

    Cc294948.alert_tip(DE-DE,Expression.30).gifTipp:

    Standardmäßig wird durch jedes Storyboard, das im Stamm des Dokuments erstellt wird, im Auslöserpanel 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 Auslöserpanels), 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 Hälfte des Auslöserpanelsangezeigt wird, wenn Sie den Auslöser ä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 Cc294948.e8ec61d4-c8e8-465a-85a7-70bf787a67de(DE-DE,Expression.30).png, um das Objekt an der 0-Sekunden-Marke aufzuzeichnen. Ein Keyframe Cc294948.fa3c696d-5463-4000-8a6b-650fe6759bf7(DE-DE,Expression.30).png wird auf der Zeitachse in der Zeile angezeigt, die dem ausgewählten Objekt entspricht.

  7. Ziehen Sie die Abspielposition im Panel 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.

    Cc294948.alert_tip(DE-DE,Expression.30).gifTipp:

    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.

    Cc294948.alert_tip(DE-DE,Expression.30).gifTipp:

    Wenn Sie den Zeitachsen-Aufzeichnungsmodus beenden möchten, klicken Sie auf Storyboard schließen Cc294948.4c066464-3a41-452d-b2e9-e95f6c5659ff(DE-DE,Expression.30).png, 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