Memilih API animasi

Diagram berikut membantu Anda menentukan API apa yang akan digunakan untuk menerapkan animasi.

Gambar 1. Pohon keputusan yang menjelaskan cara memilih Animation API yang sesuai.

Gunakan pohon keputusan berikut untuk memilih API animasi yang paling sesuai untuk kasus penggunaan Anda:

• Apakah animasi Anda berbasis seni (yaitu, SVG atau gambar)?
  • Ya: Apakah menggunakan SVG sederhana (yaitu, ikon dengan animasi mikro)?
    • Ya: AnimatedVectorDrawable.
    • Tidak: Framework animasi pihak ketiga, misalnya, Lottie.
  • Tidak: Apakah animasi perlu diulang tanpa batas?
    • Ya: rememberInfiniteTransition.
    • Tidak: Apakah Anda menganimasikan tata letak?
      • Ya: Apakah Anda beralih di antara composable dengan konten yang berbeda?
        • Ya: Apakah Anda menggunakan Navigation-Compose?
          • Ya: composable() dengan enterTransition dan exitTransition ditetapkan.
          • Tidak: AnimatedContent, Crossfade, atau Pager.
        • Tidak: Apakah Anda menganimasikan pemunculan atau penghilangan konten?
          • Ya: AnimatedVisibility atau animateFloatAsState dengan Modifier.alpha().
          • Tidak: Apakah Anda menganimasikan perubahan ukuran?
            • Ya: Modifier.animateContentSize.
            • Tidak: Apakah Anda menganimasikan properti tata letak lain (misalnya, offset atau padding)?
              • Ya: Lihat "Apakah properti sepenuhnya independen satu sama lain?".
              • Tidak: Apakah Anda menganimasikan item daftar?
                • Ya: animateItem().
      • Tidak: Apakah Anda menganimasikan beberapa properti?
        • Ya: Apakah properti tersebut sepenuhnya independen satu sama lain?
          • Ya: animate*AsState. Untuk Teks, gunakan TextMotion.Animated.
          • Tidak: Apakah keduanya harus dimulai pada saat yang sama?
            • Ya: updateTransition dengan AnimatedVisibility, animateFloat, animateInt, dll.
            • Tidak: Animatable dengan animateTo, dipanggil dengan pengaturan waktu yang berbeda menggunakan fungsi penangguhan.
        • Tidak: Apakah animasi memiliki nilai target yang telah ditentukan?
          • Ya: animate*AsState. Untuk Teks, gunakan TextMotion.Animated.
          • Tidak: Apakah animasi digerakkan oleh gestur dan merupakan satu sumber tepercaya?
            • Ya: Animatable dengan animateTo / snapTo.
            • Tidak: Apakah animasi ini adalah animasi sekali jalan tanpa pengelolaan status?
              • Ya: AnimationState atau animate.
              • Tidak: Jawaban tidak ada di sini? Ajukan permintaan fitur.

Download diagram versi PDF.