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 Fragen im Entscheidungsbaum unten 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 sich unendlich wiederholen?
    • Ja: rememberInfiniteTransition
    • Nein: Ist das eine Layoutanimation?
      • Ja: Zwischen mehreren Composeable-Elementen mit unterschiedlichen Inhalten wechseln?
        • Ja: Mit navigation-compose?
          • Ja: composable() mit festgelegten enterTransition und exitTransition
          • Nein: AnimatedContent, Crossfade oder Pager
        • Nein: Animiertes Erscheinen / Verschwinden?
          • 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 Properties völlig 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: Gestengesteuerte 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