Memilih API animasi

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

Gunakan hierarki keputusan berikut untuk memilih Animation API 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 yang ditetapkan.
          • Tidak: AnimatedContent, Crossfade, atau Pager.
        • Tidak: Apakah Anda menganimasikan muncul 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 propertinya benar-benar independen satu sama lain?".
              • Tidak: Apakah Anda menganimasikan item daftar?
                • Ya: animateItem().
      • Tidak: Apakah Anda menganimasikan beberapa properti?
        • Ya: Apakah properti benar-benar independen satu sama lain?
          • Ya: animate*AsState. Untuk Teks, gunakan TextMotion.Animated.
          • Tidak: Apakah mereka perlu 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 digerakkan oleh gestur dan merupakan satu-satunya sumber kebenaran?
            • Ya: Animatable dengan animateTo / snapTo.
            • Tidak: Apakah ini animasi sekali jalan tanpa pengelolaan status?
              • Ya: AnimationState atau animate.
              • Tidak: Jawaban tidak ada di sini? Ajukan permintaan fitur.

Download versi PDF diagram.