Memilih API animasi

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

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

• Apakah animasi Anda berbasis seni (yaitu, SVG atau gambar)?
  • Ya: Apakah aplikasi 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 antar-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 kemunculan atau hilangnya 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: animateItemPlacement().
      • Tidak: Apakah Anda menganimasikan beberapa properti?
        • Ya: Apakah properti tersebut benar-benar independen satu sama lain?
          • Ya: animate*AsState. Untuk Teks, gunakan TextMotion.Animated.
          • Tidak: Apakah keduanya harus dimulai pada waktu 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 sebelumnya?
          • Ya: animate*AsState. Untuk Teks, gunakan TextMotion.Animated.
          • Tidak: Apakah animasi didorong oleh gestur dan merupakan sumber tepercaya tunggal?
            • Ya: Animatable dengan animateTo / snapTo.
            • Tidak: Apakah animasi one-shot tanpa pengelolaan status?
              • Ya: AnimationState atau animate.
              • Tidak: Jawaban tidak ada di sini? Ajukan permintaan fitur.

Download diagram versi PDF.