Gambar vektor animasi di Compose

Menganimasikan vektor di Compose dapat dilakukan dengan beberapa cara. Anda dapat menggunakan salah satu cara berikut:

• Format file AnimatedVectorDrawable
• ImageVector dengan Compose API animasi, seperti dalam artikel Medium ini
• Solusi pihak ketiga seperti Lottie

Vektor drawable animasi (eksperimental)

Untuk menggunakan resource AnimatedVectorDrawable, muat file drawable menggunakan animatedVectorResource dan teruskan boolean untuk beralih antara status awal dan akhir drawable Anda, dengan menjalankan animasi.

@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
    )
}
AnimationSnippets.kt

Untuk informasi selengkapnya tentang format file drawable, lihat Menganimasikan grafik drawable.

Direkomendasikan untuk Anda

• Catatan: teks link ditampilkan saat JavaScript nonaktif
• Memuat gambar {:#loading-images}