Animasyonlu resim gösterme

Animasyonlu resimler göstermek için bir çizilebilir dosya yükleyerek uygulamanızda daha etkileşimli ve ilgi çekici bir kullanıcı deneyimi oluşturabilirsiniz. Animasyonlu resimler, yükleme göstergeleri, başarı veya hata göstergeleri oluşturmak, oyun geliştirmeyi kolaylaştırmak ve diğer çeşitli kullanıcı arayüzü işlevleri için kullanışlıdır.

Sürüm uyumluluğu

Bu uygulama için projenizin minSDK değerinin API düzeyi 21 veya üstü olarak ayarlanması gerekir.

Bağımlılıklar

Animasyonlu resim gösterme

Aşağıdaki kod, iki durum arasında otomatik olarak geçiş yapan animasyonlu bir vektör gösterir:

@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

Kodla ilgili önemli noktalar

  • Bir vektör kaynağı yükler ve çizim özelliklerini zaman içinde animasyonlu olarak gösterir.
  • Animasyonu gerçekleştirmek için Painter örneği kullanan bir Image örneği. Bu örnek, rememberAnimatedVectorPainter() işlevi tarafından AnimatedImageVector ve boolean durumundan oluşturulur.
  • atEnd true olduğunda Painter örneği animasyonu durdurur.

Sonuçlar

İçeriği animasyonlu ve dönen kum saati
Şekil 1. Oluşturma'da animasyonlu drawable vektör.

Bu kılavuzu içeren koleksiyonlar

Bu kılavuz, daha geniş Android geliştirme hedeflerini kapsayan, özel olarak seçilmiş Hızlı Kılavuz koleksiyonlarından biridir:

Android uygulamanıza güzel bir görünüm ve tarz kazandırmak için parlak ve ilgi çekici görseller kullanmayla ilgili teknikleri keşfedin.
Hızlı rehber koleksiyonu

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek kısa kılavuzlar hakkında bilgi edinebilir veya bize ulaşarak düşüncelerinizi bizimle paylaşabilirsiniz.
SSS'ye gidin Geri bildirim gönderin