Freigeben über


Ändern der Animationsinterpolation zwischen Keyframes

In der Keyframeinterpolation wird beschrieben, wie Eigenschaftenänderungen in der Zeitspanne zwischen zwei Keyframes animiert werden. Durch Ändern der Interpolation zwischen Keyframes können realistischere Animationen erstellt werden. Wenn Sie beispielsweise einen springenden Ball animieren, können Sie die Interpolation zwischen Keyframes so ändern, dass der Übergang verlangsamt wird, wenn der Ball in die Luft springt, und beschleunigt wird, wenn er auf dem Boden aufprallt.

In der folgenden Tabelle werden die drei Arten beschrieben, wie Sie die Keyframeinterpolation einstellen können.

Methode der Keyframeinterpolation

Beschreibung

Einen Wert "Hineinzoomen" oder "Herauszoomen" auswählen

Dies bezieht sich nur auf Windows Presentation Foundation (WPF)-Projekte.

Cc295256.6194a099-fac7-4048-9abf-f3c2c25fc719(DE-DE,Expression.30).png

Sie können mit dem Dropdownmenü, das angezeigt wird, wenn Sie mit der rechten Maustaste auf den Keyframe klicken, die Interpolation ändern, die auftritt, wenn Sie in einen Keyframe hinein- und aus ihm herausgehen.

Das Dropdownmenü umfasst die folgenden Interpolationsoptionen:

  • Hineinzoomen  Ändert die Art, wie sich der Eigenschaftswert ändert, während sich die Zeitachsenposition dem Keyframe nähert. Sie können den Grad der Beschleunigung festlegen, indem Sie einen Wert zwischen 0 % (keine Beschleunigung) und 100 % (vollständige Beschleunigung, d. h. halbe Zeitdistanz zwischen dem bearbeiteten Keyframe und dem vorigen Keyframe) angeben.

  • Herauszoomen  Ändert, wie sich der Eigenschaftswert ändert, während sich die Zeit vom Keyframe entfernt. Sie können den Grad der Beschleunigung festlegen, indem Sie einen Wert zwischen 0 % (keine Beschleunigung) und 100 % (vollständige Beschleunigung, d. h. halbe Zeitdistanz zwischen dem bearbeiteten Keyframe und dem nächsten Keyframe) angeben.

Die Interpolation zwischen zwei Keyframes ist linear, falls der Wert für Herauszoomen für den ersten Keyframe auf 0 % und der Wert für Hineinzoomen für den zweiten Keyframe auf 0 % festgelegt ist. Eine lineare Interpolation ändert den Eigenschaftswert in gleichmäßigen Schritten zwischen den Keyframes.

Verwenden des "KeySpline"-Diagramms

Cc295256.d0752aac-3556-466e-957e-cf06010c0b57(DE-DE,Expression.30).png

Sie können mit dem KeySpline-Diagramm die Interpolation ändern, während sich die Zeitachsenposition einem Keyframe nähert.

Dieses Diagramm stellt die Werte der animierten Eigenschaft über die Zeitspanne zwischen dem ausgewählten Keyframe und dem vorigen Keyframe dar. Im Allgemeinen bedeutet dies, dass die Wertänderung an diesem Punkt umso schneller ist, je steiler die Linie ist.

Wenn das Diagramm eine gerade Linie von der unteren linken Ecke zu der oberen rechten Ecke gerade darstellt, ist die Interpolation linear.

Cc295256.f5cb5969-446e-44c9-bf61-a23e8b026e6a(DE-DE,Expression.30).png

Sie können jeden gelben Kontrollpunkt ziehen, um zu ändern, wie schnell sich der Eigenschaftswert nach dem Verlassen des vorherigen Keyframes und auf dem Weg zu dem ausgewählten Keyframe ändert.

Cc295256.alert_note(DE-DE,Expression.30).gifHinweis:
Das KeySpline-Diagramm und die Werte Hineinzoomen und Herauszoomen werden synchronisiert. Eine Änderung des Werts Hereinzoomen wirkt sich auf den oberen rechten Kontrollpunkt des KeySpline-Diagramms des gewählten Keyframes aus. Eine Änderung des Werts Herauszoomen wirkt sich auf den unteren linken Kontrollpunkt des KeySpline-Diagramms des Keyframes aus, der auf den ausgewählten Keyframe folgt.

Auswählen einer EasingFunction

Dies bezieht sich nur auf Microsoft Silverlight-Projekte.

Cc295256.85f020f5-4ac1-4b75-a63d-a5c5d0ece242(DE-DE,Expression.30).png

Sie können mit dem Dropdownmenü EasingFunction, das im Eigenschaftenpanel bei der Auswahl des Keyframes angezeigt wird, die Interpolation ändern, die auftritt, wenn sich die Zeitachsenposition einem Keyframe nähert.

Microsoft Expression Blend enthält mehrere voreingestellte Beschleunigungsfunktionen, aus denen Sie auswählen können. Wie beim KeySpline-Diagramm wird die EasingFunction auf die Interpolation angewandt, die auftritt, wenn sich die Zeitachsenposition dem ausgewählten Keyframe nähert. Entscheiden Sie mithilfe der Bilder auf den Schaltflächen unter den Spalten Ein, Aus und InOut, welche EasingFunction Sie verwenden. Die Schaltflächen unter der Spalte Ein wenden die gewählte Auswirkung auf den Beginn des KeySpline an, die Schaltflächen unter der Spalte Aus wenden die gewählte Auswirkung auf das Ende des KeySpline an, und die Schaltflächen unter InOut wenden die Auswirkung auf beides an. Wählen Sie die Schaltfläche, die darstellt, wie Sie das Aussehen des KeySpline-Diagramms wünschen.

Benutzerdefinierte EasingFunctions können mit dem Silverlight SDK programmiert werden.

Weitere Informationen finden Sie unter EasingFunctionBase-Klasse (System.Windows.Media.Animation) (möglicherweise in englischer Sprache) in MSDN.

Für Informationen über das Silverlight SDK klicken Sie auf Start, auf Alle Programme, auf Microsoft Silverlight 3 SDK und anschließend auf Willkommen.

Cc295256.alert_note(DE-DE,Expression.30).gifHinweis:
Die Auswahl einer EasingFunction entfernt alle vorherigen Interpolationseffekte, die auf den Keyframe angewandt wurden.

Alternativ können Sie mit der Interpolationsoption Anhalten einen Übergang zwischen Keyframes unmittelbar statt im Laufe der Zeit stattfinden lassen.

Cc295256.alert_note(DE-DE,Expression.30).gifHinweis:

Für die folgenden Verfahren wird davon ausgegangen, dass ein Storyboard geöffnet ist, das Keyframes enthält.

Weitere Informationen finden Sie unter Öffnen oder Schließen eines Storyboards und Erstellen, Ändern oder Löschen eines Storyboards.

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

Folgende Verfahren können verwendet werden, wenn ein einzelner Keyframe ausgewählt wird oder wenn mehrere Keyframes ausgewählt werden, indem Sie die STRG-Taste gedrückt halten.

So ändern Sie den Übergang von einem Keyframe

Führen Sie einen der folgenden Schritte aus:

  • Klicken Sie auf der Zeitachsenleiste mit der rechten Maustaste auf den Keyframe Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(DE-DE,Expression.30).png, von dem aus Sie einen allmählichen Übergang vornehmen möchten, zeigen Sie im angezeigten Dropdownmenü auf Herauszoomen, und wählen Sie einen Wert aus der Liste.

  • Wählen Sie auf der Zeitachsenleiste den Keyframe Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(DE-DE,Expression.30).png, der auf den Keyframe folgt, für den Sie einen allmählichen Übergang vornehmen möchten, und klicken Sie im Eigenschaftenpanel unter Beschleunigung auf KeySpline. Ziehen Sie den gelben Kontrollpunkt in der unteren linken Ecke auf das KeySpline-Diagramm.

  • Wählen Sie auf der Zeitachsenleiste den Keyframe Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(DE-DE,Expression.30).png, der auf den Keyframe folgt, für den Sie einen allmählichen Übergang vornehmen möchten, und klicken Sie im Eigenschaftenpanel unter Beschleunigung auf EasingFunction. Klicken Sie auf den Dropdownpfeil neben Kein, und wählen Sie eine der Schaltflächen neben einer EasingFunction.

So ändern Sie den Übergang zu einem Keyframe

  1. Klicken Sie auf der Zeitachsenleiste mit der rechten Mausachse auf den Keyframe Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(DE-DE,Expression.30).png, für den Sie eine allmähliche Änderung vornehmen möchten.

  2. Führen Sie einen der folgenden Schritte aus:

    • Zeigen Sie im angezeigten Dropdownmenü auf Hineinzoomen, und wählen Sie einen Wert aus der Liste aus.

    • Klicken Sie im Eigenschaftenpanel unter Beschleunigung auf KeySpline. Ziehen Sie den gelben Kontrollpunkt in der oberen rechten Ecke auf das KeySpline-Diagramm.

    • Klicken Sie im Eigenschaftenpanel unter Beschleunigung auf EasingFunction. Klicken Sie auf den Dropdownpfeil neben Kein, und wählen Sie eine der Schaltflächen neben einer EasingFunction.

So erstellen Sie einen abrupten Übergang zu einem Keyframe

Sie können einen Übergang zwischen Keyframes sofort statt im Laufe der Zeit eintreten lassen. Die Interpolationsoption Anhalten bewirkt eine abrupte Änderung zu einem neuen Eigenschaftswert, wenn die Position den Keyframe erreicht, ab dem der neue Eigenschaftswert aufgezeichnet wird.

Führen Sie einen der folgenden Schritte aus:

  • Wählen Sie auf der Zeitachsenleiste den Keyframe Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(DE-DE,Expression.30).png, für den Sie eine abrupte Änderung vornehmen möchten, und klicken Sie im Eigenschaftenpanel unter Beschleunigung auf Anhalten.

  • Klicken Sie auf der Zeitachsenleiste mit der rechten Maustaste auf den Keyframe Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(DE-DE,Expression.30).png, für den Sie eine abrupte Änderung vornehmen möchten, und klicken Sie im angezeigten Dropdownmenü auf Anhalten. Neben Anhalten im Dropdownmenü wird ein Häkchen angezeigt.

    Cc295256.alert_note(DE-DE,Expression.30).gifHinweis:

    Anhalten entfernt jeden vorherigen Interpolationseffekt, der auf den Keyframe angewandt wurde, und jeden vorherigen ausgehenden Interpolationseffekt, der auf der Zeitachsenleiste auf den vorherigen Keyframe angewandt wurde. Der eingehende Interpolationseffekt, der auf den folgenden Keyframe auf der Zeitachsenleiste angewandt wird, bleibt unverändert.

Siehe auch

Aufgaben

Löschen eines Keyframes

Erstellen eines Keyframes

Einfügen oder Verschieben von Keyframes

Wiederverwenden von Interpolationswerten für andere Keyframes