Animations-API auswählen

Anhand des folgenden Diagramms können Sie entscheiden, mit welcher API Sie die Animation implementieren möchten.

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 eine Grafik und besteht aus vielen visuellen Elementen? z.B. SVGs oder Bilder
  • Ja: Gibt es einfache SVGs? d.h. ein Symbol mit Mikroanimationen
    • Ja: AnimatedVectorDrawable
    • Nein: Animations-Framework von Drittanbietern, z.B. Lottie
  • Nein: Muss es sich unendlich wiederholen?
    • 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 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? d. h. Offset, Padding usw.
              • Ja: Siehe „Sind die Properties völlig unabhängig voneinander?“
              • Nein: Animationen von Listenelementen?
                • Ja: animateItemPlacement() (neu anordnen und löschen)
      • Nein: Müssen mehrere Properties animiert werden?
        • Ja: Sind die Unterkünfte vollständig 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, 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