Animations-API auswählen

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

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

• Basiert Ihre Animation auf Grafiken (z. B. SVGs oder Bildern)?
  • Ja: Werden einfache SVGs verwendet (z. B. ein Symbol mit Mikroanimationen)?
    • Ja: AnimatedVectorDrawable.
    • Nein: Animations-Framework eines Drittanbieters, z. B. Lottie.
  • Nein: Muss die Animation unendlich 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 festgelegten enterTransition und exitTransition.
          • Nein: AnimatedContent, Crossfade oder Pager.
        • Nein: Animieren Sie das Erscheinen oder Verschwinden von Inhalten?
          • Ja: AnimatedVisibility oder animateFloatAsState mit Modifier.alpha().
          • Nein: Animieren Sie eine Größenänderung?
            • Ja: Modifier.animateContentSize.
            • Nein: Animieren Sie eine andere Layouteigenschaft (z. B. Offset oder Padding)?
              • Ja: Weitere Informationen finden Sie unter „Sind die Properties vollständig voneinander unabhängig?“.
              • Nein: Animieren Sie Listenelemente?
                • Ja: animateItem().
      • Nein: Animieren Sie mehrere Eigenschaften?
        • Ja: Sind die Properties vollständig voneinander unabhängig?
          • Ja: animate*AsState. Verwenden Sie für Text TextMotion.Animated.
          • Nein: Müssen sie zur selben Zeit beginnen?
            • Ja: updateTransition mit AnimatedVisibility, animateFloat, animateInt usw.
            • Nein: Animatable mit animateTo, aufgerufen mit unterschiedlichen Timings mithilfe von Suspend-Funktionen.
        • Nein: Hat die Animation vordefinierte Zielwerte?
          • Ja: animate*AsState. Verwenden Sie für Text TextMotion.Animated.
          • Nein: Ist die Animation gestengesteuert und die einzige verlässliche Quelle?
            • Ja: Animatable mit animateTo / snapTo.
            • Nein: Ist es eine One-Shot-Animation ohne Zustandsverwaltung?
              • Ja: AnimationState oder animate.
              • Nein: Antwort nicht hier? Feature Request stellen

PDF-Version des Diagramms herunterladen