Menampilkan gambar animasi

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 instance Painter untuk melakukan animasi, yang dibuat dari status AnimatedImageVector dan boolean oleh fungsi rememberAnimatedVectorPainter().
  • Jika atEnd adalah true, instance Painter akan berhenti dianimasikan.

Hasil

Jam pasir yang menganimasikan kontennya dan berputar
Gambar 1. Vektor drawable animasi di Compose.

Koleksi yang berisi panduan ini

Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas sasaran pengembangan Android yang lebih luas:

Temukan teknik untuk menggunakan visual yang cerah dan menarik untuk memberikan tampilan dan nuansa yang menarik pada aplikasi Android Anda.

Ada pertanyaan atau masukan

Buka halaman pertanyaan umum (FAQ) dan pelajari panduan singkat atau hubungi kami dan beri tahu kami pendapat Anda.