Animations-API auswählen

Das folgende Diagramm hilft Ihnen bei der Entscheidung, mit welcher API Sie Ihre Animation implementieren möchten.

Abbildung 1. Entscheidungsbaum zur Auswahl der passenden Animations-API

Befolgen Sie die folgenden Fragen zum Entscheidungsbaum, um die Animations-API für Ihren Anwendungsfall am besten auszuwählen:

• Besteht meine Animation eher aus Kunst und besteht aus vielen visuellen Elementen, z.B. SVGs oder Bildern?
  • Ja: Gibt es einfache SVGs, d.h. ein Symbol mit Mikroanimationen
    • Ja: AnimatedVectorDrawable
    • Nein: Animations-Framework von Drittanbietern, z.B. Lottie
  • Nein: Muss es endlos wiederholt werden?
    • Ja: rememberInfiniteTransition
    • Nein: Handelt es sich um eine Layout-Animation?
      • Ja: Wechselt zwischen mehreren zusammensetzbaren Funktionen mit unterschiedlichen Inhalten?
        • Ja: Mit „navigation-compose“?
          • Ja: composable() mit enterTransition und exitTransition festgelegt
          • Nein: AnimatedContent, Crossfade oder Pager
        • Nein: Darstellung / Verschwinden animieren?
          • Ja: AnimatedVisibility oder animateFloatAsState mit Modifier.alpha()
          • Nein: Größe wird animiert?
            • Ja: Modifier.animateContentSize
            • Nein: andere Layouteigenschaften, z. B. Offset, Abstand
              • Ja: Siehe „Sind die Eigenschaften völlig unabhängig voneinander?“
              • Nein: Animationen von Elementen auflisten?
                • Ja: animateItemPlacement() (demnächst neu anordnen und löschen)
      • Nein: Müssen mehrere Properties animiert werden?
        • Ja: Sind die Properties völlig unabhängig voneinander?
          • Ja: animate*AsState, für Text TextMotion.Animated verwenden
          • Nein: Zur selben Zeit starten?
            • Ja: Ja: updateTransition mit AnimatedVisibility, animateFloat, animateInt usw.
            • Nein: Animatable mit animateTo mit unterschiedlichem Timing (mithilfe von Sperrfunktionen)
        • Nein: Enthält die Animation vordefinierte Zielwerte?
          • Ja: animate*AsState, für Text TextMotion.Animated verwenden
          • Nein: Gestengesteuerte Animation? Ihre Animation ist die einzige Quelle der Wahrheit?
            • Ja: Animatable mit animateTo / snapTo
            • Nein: Einzelne Animation ohne State Management?
              • Ja: AnimationState oder animate
              • Nein: Antwort hier nicht? Funktionsanfrage stellen

Laden Sie die PDF-Version des Diagramms herunter.