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

Falls mehrere Animationszeitachsen dieselbe Eigenschaft gleichzeitig animieren, ist das Übergangsverhalten unterschiedlich, abhängig davon, ob an der 0-Sekunden-Marke ein Keyframe aufgezeichnet ist. Im folgenden Verfahren wird die Funktionsweise von Übergabeanimationen und Animationen, die nicht übergeben werden, erläutert.

So vergleichen Sie Übergabeanimationen und Animationen, die nicht übergeben werden

1. Öffnen oder erstellen Sie in Microsoft 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.)

3. Wählen Sie unter Objekte und Zeitachsen die Schaltfläche Storyboard schließen  aus.

   Tipp:
   Wenn ein Storyboard geöffnet ist, wird bei jeder Eigenschaftenänderung automatisch ein Keyframe auf der Zeitachse im Storyboard aufgezeichnet.

4. Wählen Sie in der Werkzeugpalette das Ellipsenwerkzeug aus. Zeichnen Sie einen Kreis in die Mitte der Zeichenfläche. Unter der Kategorie Layout des Eigenschaftenpanels können Sie mit der Height-Eigenschaft (Höhe) und der Width-Eigenschaft (Breite) einen exakten Kreis für die Ellipse festlegen. Falls eine Freistellung auftritt, passen Sie die Margin-Eigenschaften an.

5. Klicken Sie unter Objekte und Zeitachsen auf die Schaltfläche Neu .

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

6. Geben Sie im Feld Ressourcenname (Schlüssel) den Namen Double ein, und klicken Sie dann auf OK.

   Expression 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.

7. Legen Sie keinen Keyframe an der 0-Sekunden-Marke fest. Ziehen Sie stattdessen die Abspielposition zur 1-Sekunden-Marke.

8. Wählen Sie aus der Werkzeugpalette das Auswahlwerkzeug aus, halten Sie die ALT-TASTE gedrückt, und ziehen Sie den Steuerpunkt für die Breite der Ellipse, bis die Ellipse doppelt so breit ist wie zuvor.

   Für die ScaleX-Eigenschaft (X-Skalierung) wird an der 1-Sekunden-Marke automatisch ein Keyframe festgelegt.

   Tipp:
   Wenn Sie die ALT-TASTE beim Ändern der Größe eines Objekts auf der Zeichenfläche gedrückt halten, bleibt der Mittelpunkt unverändert.

9. Erweitern Sie unter Objekte und Zeitachsen die Knoten unter der Ellipse, bis der Knoten ScaleX angezeigt wird. Klicken Sie mit der rechten Maustaste auf den Knoten X-Skalierung oder auf die graue Zeitleiste, und klicken Sie dann auf Anzahl von Wiederholungen bearbeiten.

   Das Dialogfeld Wiederholung bearbeiten wird angezeigt.

10. Wenn die Zeitachse kontinuierlich wiederholt werden soll, klicken Sie auf die Schaltfläche Auf kontinuierlich festlegen, und klicken Sie dann auf OK.

11. Klicken Sie unter Objekte und Zeitachsen auf die Schaltfläche Neu .

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

12. Geben Sie im Feld Ressourcenname (Schlüssel) den Namen Quadruple ein, und klicken Sie dann auf OK.

    Expression Blend wechselt in den Zeitachsen-Aufzeichnungsmodus für die zweite Zeitachse, die mit der ursprünglichen Ellipsengröße beginnt.

13. Legen Sie wie zuvor keinen Keyframe an der 0-Sekunden-Marke fest. Ziehen Sie stattdessen die Abspielposition zur 1-Sekunden-Marke.

14. Wählen Sie aus der Werkzeugpalette das Auswahlwerkzeug aus, halten Sie die ALT-TASTE gedrückt, und ziehen Sie den Steuerpunkt für die Breite der Ellipse, bis die Ellipse vier Mal so breit ist wie zuvor.

    Für die ScaleX-Eigenschaft (X-Skalierung) wird an der 1-Sekunden-Marke automatisch ein Keyframe festgelegt.

15. Klicken Sie mit der rechten Maustaste auf den Knoten X-Skalierung oder auf die graue Zeitleiste, klicken Sie auf Anzahl von Wiederholungen bearbeiten, klicken Sie auf die Schaltfläche Auf kontinuierlich festlegen, und klicken Sie dann auf OK.

16. Jetzt können Sie Auslöser für die Animationen einrichten. Standardmäßig wird durch jede Zeitachse, die im Stamm des Dokuments erstellt wird, unter Auslöser für das Window.Loaded-Ereignis ein Ereignisauslöser hinzugefügt. Sie können diesen Auslöser für die Zeitachse Double beibehalten und einen neuen Auslöser für die Zeitachse Quadruple hinzufügen.

17. Wählen Sie unter Auslöser den Auslöser Window.Loaded aus. Die Aktionen für den Auslöser werden unter Wenn "Window.Loaded" ausgelöst wird angezeigt. Klicken Sie auf das Minuszeichen neben Quadruple.Begin, um diese Aktion zu löschen. Die Animation Double wird nun weiterhin beim Starten der Anwendung gestartet, die Animation Quadruple jedoch nicht.

    Tipp:
    Möglicherweise müssen Sie die Größe des Bereichs Auslöser anpassen, um den Abschnitt Eigenschaften wenn aktiv anzuzeigen. Durch Klicken und Ziehen der Rahmen des Bereichs und des Rahmens innerhalb des Bereichs können Sie die Größe anpassen.

18. Sie können den Auslöser für die Animation Quadruple hinzufügen, indem Sie unter Auslöser auf die Schaltfläche Ereignisauslöser hinzufügen klicken.

    Ein neuer Window.Loaded-Auslöser wird erstellt.

19. Wählen Sie unter Objekte und Zeitachsen die Ellipse aus, und verwenden Sie dann unter Auslöser die Dropdownfelder, um den neuen Auslöser von Wenn "Window.Loaded" ausgelöst wird in Wenn "ellipse.MouseEnter" ausgelöst wird zu ändern.

20. Klicken Sie neben Wenn "ellipse.MouseEnter" ausgelöst wird auf die Schaltfläche Neue Aktion hinzufügen, und verwenden Sie dann die Dropdownfelder, um die neue Aktion in Quadruple.Begin zu ändern.

    Wenn der Benutzer nun den Mauscursor über die Ellipse führt, wird die Animation Double durch die Animation Quadruple unterbrochen.

21. Fügen Sie einen neuen Ereignisauslöser hinzu, ändern Sie ihn in Wenn "ellipse.MouseLeave" ausgelöst wird, und fügen Sie eine neue Aktion für Double.Begin hinzu.

    Wenn der Benutzer den Mauscursor aus der Ellipse führt, wird die Animation Quadruple durch die Animation Double unterbrochen.

22. Sie können das Verhalten der soeben erstellten Animationszeitachsen und Ereignisauslöser anzeigen, wenn Sie die Szene testen, indem Sie im Menü Projekt auf Projekt testen klicken.

    Für keine Animation sind Keyframes an der 0-Sekunden-Marke festgelegt. Der resultierende Übergang zwischen Animationen wird als Übergabeanimation bezeichnet. Wenn eine Animation durch die andere unterbrochen wird, erfolgt ein fließender Übergang von der Breite zum Zeitpunkt der Unterbrechung bis zum ersten Keyframe der nachfolgenden Animation. Wenn der Mauscursor am Ende der Animation Double in die Ellipse bewegt wird, liegt der Startpunkt der Animation Quadruple nicht bei der ursprünglichen Größe der Ellipse. Die Animation Quadruple beginnt mit der entsprechenden Breite der Ellipse zum Zeitpunkt der Mausbewegung. Wenn die Maus aus der Ellipse bewegt wird, wirkt die Animation Double wie die Umkehrung der Animation Quadruple, da zwischen diesen beiden Animationen ein Übergang stattfindet.

23. Beenden Sie die Anwendung, um zu Expression Blend zurückzukehren.

24. Wählen Sie unter Objekte und Zeitachsen den Knoten X-Skalierung der Ellipse aus, wählen Sie die Zeitachse Quadruple aus, verschieben Sie die Position an die 0-Sekunden-Marke, und klicken Sie dann auf die Schaltfläche Keyframe aufzeichnen.

25. Testen Sie die Animation erneut. Das Übergabeverhalten ist anders. Wenn die Maus in die Ellipse bewegt wird, startet die Animation Quadruple mit der ursprünglichen Größe der Ellipse.

    Ein anderes Übergangsverhalten zeigt sich, wenn Sie einen Keyframe an der 0-Sekunden-Marke der Animation Double hinzufügen und anschließend einen Test durchführen. Löschen Sie dann den Keyframe an der 0-Sekunden-Marke der Animation Quadruple, und führen Sie erneut einen Test aus.