Animations-API auswählen

Das folgende Diagramm hilft Ihnen bei der Entscheidung, welche API Sie für die Implementierung Ihrer Animation verwenden sollten.

Abbildung 1. Entscheidungsbaum zur Auswahl der geeigneten Animation API

Anhand der folgenden Fragen im Entscheidungsbaum können Sie auswählen, welche Animations-API für Ihren Anwendungsfall am besten geeignet ist:

• Ist meine Animation eher Kunst, die aus vielen visuellen Elementen besteht, z.B. SVGs oder Bildern?
  • Ja: Enthält es einfache SVGs, also Symbole mit Mikroanimationen?
    • Ja: AnimatedVectorDrawable
    • Nein: Animations-Framework eines Drittanbieters, z.B. Lottie
  • Nein: Muss es für immer wiederholt werden?
    • Ja: rememberInfiniteTransition
    • Nein: Ist das eine Layoutanimation?
      • Ja: Sie möchten zwischen mehreren zusammensetzbaren Funktionen mit unterschiedlichen Inhalten wechseln?
        • Ja: Mit navigation-compose?
          • Ja: composable() mit enterTransition und exitTransition festgelegt
          • Nein: AnimatedContent, Crossfade oder Pager
        • Nein: Erscheinen / Verschwinden wird animiert?
          • Ja: AnimatedVisibility oder animateFloatAsState mit Modifier.alpha()
          • Nein: Größe animieren?
            • Ja: Modifier.animateContentSize
            • Nein: Andere Layouteigenschaft? (z. B. „offset“, „padding“)
              • Ja: Siehe „Sind die Unterkünfte vollständig unabhängig voneinander?“
              • Nein: Animationen für Listenelemente?
                • Ja: animateItemPlacement() (Neu anordnen und Löschen bald verfügbar)
      • Nein: Müssen mehrere Properties animiert werden?
        • Ja: Sind die Eigenschaften völlig unabhängig voneinander?
          • Ja: animate*AsState, für Text TextMotion.Animated
          • Nein: Zur selben Zeit beginnen?
            • Ja: Ja: updateTransition mit AnimatedVisibility, animateFloat, animateInt usw.
            • Nein: Animatable mit animateTo, das mit unterschiedlichen Zeiträumen aufgerufen wird (mithilfe von Pausierungsfunktionen)
        • Nein: Enthält die Animation eine Reihe vordefinierter Zielwerte?
          • Ja: animate*AsState, für Text TextMotion.Animated verwenden
          • Nein: Bewegungsgesteuerte Animation? Ist Ihre Animation die einzige Informationsquelle?
            • Ja: Animatable mit animateTo / snapTo
            • Nein: One-Shot-Animation ohne Statusverwaltung?
              • Ja: AnimationState oder animate
              • Nein: Antwort nicht hier? Funktionsanfrage stellen

PDF-Version des Diagramms herunterladen