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:

• Ist Ihre Animation kunstbasiert (d. h. SVGs oder Bilder)?
  • Ja: Werden einfache SVGs verwendet (d. h. ein Symbol mit Mikroanimationen)?
    • Ja: AnimatedVectorDrawable.
    • Nein: Animationsframework eines Drittanbieters, z. B. Lottie.
  • Nein: Muss 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 festgelegten Werten für 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-Property (z. B. Offset oder Padding)?
              • Ja: Weitere Informationen finden Sie unter Sind die Properties völlig unabhängig voneinander?
              • Nein: Animieren Sie Listenelemente?
                • Ja: animateItem().
      • Nein: Animieren Sie mehrere Properties?
        • Ja: Sind die Properties völlig unabhängig voneinander?
          • Ja: animate*AsState. Verwenden Sie für Text TextMotion.Animated.
          • Nein: Müssen sie gleichzeitig starten?
            • Ja: updateTransition mit AnimatedVisibility, animateFloat, animateInt usw.
            • Nein: Animatable mit animateTo, das mit unterschiedlichen Zeitpunkten mithilfe von Suspend-Funktionen aufgerufen wird.
        • Nein: Hat die Animation vordefinierte Zielwerte?
          • Ja: animate*AsState. Verwenden Sie für Text TextMotion.Animated.
          • Nein: Ist die Animation gestengesteuert und die einzige Informationsquelle?
            • Ja: Animatable mit animateTo / snapTo.
            • Nein: Ist es eine einmalige Animation ohne Statusverwaltung?
              • Ja: AnimationState oder animate.
              • Nein: Ist die Antwort nicht dabei? Stellen Sie eine Feature Request.

Laden Sie die PDF-Version des Diagramms herunter.