Memilih API animasi

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

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 sesuai

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

• Apakah animasi saya lebih seperti karya seni, yang terdiri dari banyak elemen visual? yaitu SVG atau gambar
  • Ya: Apakah 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: Beralih di antara beberapa composable yang memiliki konten berbeda?
        • Ya: Dengan navigation-compose?
          • Ya: composable() denganenterTransition dan exitTransition ditetapkan
          • Tidak: AnimatedContent, Crossfade, atau Pager
        • Tidak: Menganimasikan kemunculan / hilangnya?
          • 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() (pengurutan ulang dan penghapusan akan segera hadir)
      • Tidak: Apakah Anda perlu menganimasikan beberapa properti?
        • Ya: Apakah properti tersebut benar-benar independen satu sama lain?
          • Ya: animate*AsState, untuk Teks, gunakan TextMotion.Animated
          • Tidak: Mulai pada waktu yang sama?
            • 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?
          • Ya: animate*AsState, untuk Teks, gunakan TextMotion.Animated
          • Tidak: Animasi yang didorong gestur? Animasi Anda adalah satu-satunya sumber tepercaya?
            • Ya: Animatable dengan animateTo / snapTo
            • Tidak: Animasi sekali tembak tanpa pengelolaan status?
              • Ya: AnimationState atau animate
              • Tidak: Jawaban tidak ada di sini? Mengajukan permintaan fitur

Download diagram versi PDF.