Memilih API animasi

Diagram di bawah ini membantu Anda menentukan API apa yang akan digunakan untuk menerapkan animasi.

Gambar 1. Pohon keputusan yang menjelaskan cara memilih API animasi yang tepat

Ikuti pertanyaan pohon keputusan di bawah ini untuk memilih API animasi yang paling sesuai dengan kasus penggunaan Anda:

• Apakah animasi saya lebih mirip seni, yang terdiri dari banyak elemen visual? Misalnya, SVG atau gambar
  • Ya: Apakah template ini memiliki SVG sederhana? yaitu ikon dengan animasi mikro
    • Ya: AnimatedVectorDrawable
    • Tidak: Framework animasi pihak ketiga, yaitu Lottie
  • Tidak: Apakah perlu diulang selamanya?
    • Ya: rememberInfiniteTransition
    • Tidak: Apakah ini animasi tata letak?
      • Ya: Mengubah antara beberapa composable yang memiliki konten berbeda?
        • Ya: Dengan navigation-compose?
          • Ya: composable() dengan enterTransition dan exitTransition ditetapkan
          • Tidak: AnimatedContent, Crossfade, atau Pager
        • Tidak: Menganimasikan kemunculan / penghilangan?
          • Ya: AnimatedVisibility atau animateFloatAsState dengan Modifier.alpha()
          • Tidak: Menganimasikan ukuran?
            • Ya: Modifier.animateContentSize
            • Tidak: Properti tata letak lainnya? misalnya offset, padding, dll.
              • Ya: Lihat "Apakah properti sepenuhnya independen satu sama lain?"
              • Tidak: Animasi item daftar?
                • Ya: animateItemPlacement() (tata ulang dan hapus akan segera hadir)
      • Tidak: Apakah Anda perlu menganimasikan beberapa properti?
        • Ya: Apakah properti sepenuhnya independen satu sama lain?
          • Ya: animate*AsState, untuk Teks, gunakan TextMotion.Animated
          • Tidak: Memulai secara bersamaan?
            • Ya: Ya: updateTransition dengan AnimatedVisibility, animateFloat, animateInt, dll.
            • Tidak: Animatable dengan animateTo dipanggil dengan pengaturan waktu yang berbeda (menggunakan fungsi penangguhan)
        • Tidak: Apakah animasi memiliki serangkaian nilai target yang telah ditentukan sebelumnya?
          • Ya: animate*AsState, untuk Teks, gunakan TextMotion.Animated
          • Tidak: Animasi berbasis gestur? Animasi Anda adalah satu-satunya sumber ketepatan?
            • Ya: Animatable dengan animateTo / snapTo
            • Tidak: Animasi satu kali tanpa pengelolaan status?
              • Ya: AnimationState atau animate
              • Tidak: Jawaban tidak ada di sini? Ajukan permintaan fitur

Download diagram versi PDF.