Animationsvorschau

In Android Studio können Sie Animationen in der Animation Preview prüfen. Wenn eine Animation in einer Preview für Composeable-Elemente beschrieben wird, können Sie den genauen Wert jedes animierten Werts zu einem bestimmten Zeitpunkt prüfen, die Animation pausieren, in einer Schleife wiedergeben, vorspulen oder verlangsamen, um die Animation während der Übergänge zu debuggen:

AnimatedVisibility wiedergeben, vor- und zurückspulen und verlangsamen

Mit der Animationsvorschau können Sie auch Animationskurven grafisch darstellen. So können Sie prüfen, ob die Animationswerte richtig choreografiert sind:

Visualisierung einer Animationskurve

Die Funktion „Animation – Vorschau“ erkennt automatisch Animationen, die geprüft werden können. Sie sind durch das Symbol Animation – Vorschau startenSymbol „Ausführen“ gekennzeichnet.

Symbol „Animationsvorschau starten“ im Designfenster

Wenn Sie mehrere Animationen haben, können Sie sie mit der Animation-Vorschau gleichzeitig prüfen und aufeinander abstimmen. Sie können auch eine bestimmte Animation einfrieren.

GIF, das die Prüfung mit der Benutzeroberfläche „Alle Animationen“ zeigt

Verwenden Sie Auswahltools, um nicht enum- oder boolesche Status festzulegen, um Ihre Compose-Animation mithilfe präziser Eingaben zu debuggen. Bei allen unterstützten Compose Animation APIs können Sie die Animationen abspielen, pausieren, rückwärtsspulen, die Geschwindigkeit steuern und die einzelnen Elemente koordinieren.

Genaue Werte für Animationsvorschauen auswählen

Die Animation-Vorschau unterstützt derzeit die APIs updateTransition, AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition und AnimatedContent. Wenn Sie auf die neuesten Funktionen zugreifen möchten, verwenden Sie die Animation Preview mit Android Studio Ladybug und compose.animation 1.7.5 oder höher.