Anda dapat membuat pengalaman pengguna yang lebih interaktif dan menarik di aplikasi dengan memuat file drawable untuk menampilkan gambar animasi. Gambar animasi berguna untuk membuat indikator pemuatan, indikator keberhasilan atau error, memfasilitasi pengembangan game, dan berbagai fungsi UI lainnya.
Kompatibilitas versi
Implementasi ini mengharuskan minSDK project Anda ditetapkan ke API level 21 atau yang lebih tinggi.
Dependensi
Menampilkan gambar animasi
Kode berikut menampilkan vektor animasi yang secara otomatis beralih antara dua status:
@Composable fun AnimatedVectorDrawable() { val image = AnimatedImageVector.animatedVectorResource(R.drawable.ic_hourglass_animated) var atEnd by remember { mutableStateOf(false) } Image( painter = rememberAnimatedVectorPainter(image, atEnd), contentDescription = "Timer", modifier = Modifier.clickable { atEnd = !atEnd }, contentScale = ContentScale.Crop ) }
Poin-poin penting tentang kode
- Memuat resource vektor, menganimasikan atribut gambar dari waktu ke waktu.
- Instance
Image
yang menggunakan instancePainter
untuk melakukan animasi, yang dibuat dari statusAnimatedImageVector
danboolean
oleh fungsirememberAnimatedVectorPainter()
. - Jika
atEnd
adalahtrue
, instancePainter
akan berhenti dianimasikan.
Hasil
![Jam pasir yang menganimasikan kontennya dan berputar](https://developer.android.com/static/develop/ui/compose/images/animations/avd_example_compose.gif?hl=id)
Koleksi yang berisi panduan ini
Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas sasaran pengembangan Android yang lebih luas:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=id)