Animations-API auswählen

Das folgende Diagramm hilft Ihnen bei der Entscheidung, welche API Sie zum Implementieren Ihrer Animation verwenden sollten.

Verwenden Sie den folgenden Entscheidungsbaum, um die für Ihren Anwendungsfall am besten geeignete Animations-API auszuwählen:

• Basiert Ihre Animation auf Grafiken (d. h. SVGs oder Bildern)?
  • Ja: Werden einfache SVGs verwendet (d. h. ein Symbol mit Mikroanimationen)?
    • Ja: AnimatedVectorDrawable.
    • Nein: Drittanbieter-Animationsframework, z. B. Lottie.
  • Nein: Soll die Animation unendlich oft wiederholt werden?
    • Ja: rememberInfiniteTransition.
    • Nein: Animieren Sie ein Layout?
      • Ja: Wechseln Sie zwischen Composables mit unterschiedlichen Inhalten?
        • Ja: Verwenden Sie Navigation-Compose?
          • Ja: composable() mit enterTransition und exitTransition.
          • Nein: AnimatedContent, Crossfade oder Pager.
        • Nein: Animieren Sie das Ein- oder Ausblenden von Inhalten?
          • Ja: AnimatedVisibility oder animateFloatAsState mit Modifier.alpha().
          • Nein: Animieren Sie eine Größenänderung?
            • Ja: Modifier.animateContentSize.
            • Nein: Animieren Sie eine andere Layout-Eigenschaft, z. B. „offset“ oder „padding“?
              • Ja: Siehe „Sind die Properties völlig unabhängig voneinander?“.
              • Nein: Animieren Sie Listenelemente?
                • Ja: animateItemPlacement().
      • Nein: Animieren Sie mehrere Attribute?
        • Ja: Sind die Eigenschaften völlig unabhängig voneinander?
          • Ja: animate*AsState. Verwenden Sie für Text TextMotion.Animated.
          • Nein: Müssen sie gleichzeitig beginnen?
            • Ja: updateTransition mit AnimatedVisibility, animateFloat, animateInt usw.
            • Nein: Animatable mit animateTo, die mit unterschiedlichen Zeitpunkten mithilfe von suspend-Funktionen aufgerufen werden.
        • Nein: Hat die Animation vordefinierte Zielwerte?
          • Ja: animate*AsState. Verwenden Sie TextMotion.Animated für Text.
          • Nein: Wird die Animation durch eine Geste ausgelöst und ist sie die einzige Quelle der Wahrheit?
            • Ja: Animatable mit animateTo / snapTo.
            • Nein: Ist es eine einmalige Animation ohne Statusverwaltung?
              • Ja: AnimationState oder animate.
              • Nein: Antwort nicht hier? Funktionsanfrage stellen

Laden Sie die PDF-Version des Diagramms herunter.