Compose'da animasyonlu vektör resimler

Oluşturma'da vektörleri animasyonlu hale getirmek için birkaç farklı yöntemden yararlanabilirsiniz. Aşağıdakilerden herhangi birini kullanabilirsiniz:

• AnimatedVectorDrawable dosya biçimi
• ImageVector Bu Medium makalesinde açıklandığı gibi animasyon oluşturma API'leriyle
• Lottie gibi bir üçüncü taraf çözümü

Animasyonlu vektör çekilebilir öğeler (deneysel)

AnimatedVectorDrawable kaynağı kullanmak için animatedVectorResource kullanarak çizilebilir dosyayı yükleyin ve çizilebilirinizin başlangıç ve bitiş durumu arasında geçiş yaparak animasyonu gerçekleştirmek için bir boolean gönderin.

@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

Çizilebilir dosyanızı biçimlendirme hakkında daha fazla bilgi için Çizilebilir grafikleri animasyonlu hale getirme başlıklı makaleyi inceleyin.

Sizin için önerilenler

• Not: JavaScript kapalıyken bağlantı metni gösterilir
• Resimler yükleniyor {:#loading-images}