ऐनिमेशन वाली इमेज दिखाना

ऐनिमेशन वाली इमेज दिखाने के लिए, ड्रॉ की जा सकने वाली फ़ाइल को लोड करके, अपने ऐप्लिकेशन में ज़्यादा इंटरैक्टिव और दिलचस्प उपयोगकर्ता अनुभव बनाया जा सकता है. ऐनिमेशन वाली इमेज, लोडिंग इंडिकेटर, सफलता या गड़बड़ी के इंडिकेटर बनाने, गेम डेवलपमेंट में मदद करने, और यूज़र इंटरफ़ेस (यूआई) के अन्य फ़ंक्शन बनाने के लिए काम की होती हैं.

वर्शन के साथ काम करना

इसे लागू करने के लिए, ज़रूरी है कि आपके प्रोजेक्ट का minSDK एपीआई लेवल 21 या उससे ज़्यादा पर सेट हो.

डिपेंडेंसी

ऐनिमेशन वाली इमेज दिखाना

यहां दिया गया कोड, ऐनिमेशन वाला एक वेक्टर दिखाता है, जो दो स्थितियों के बीच अपने-आप टॉगल होता है:

@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
    )
}

कोड के बारे में अहम जानकारी

  • यह वेक्टर संसाधन लोड करता है और समय के साथ ड्रॉइंग एट्रिब्यूट को ऐनिमेट करता है.
  • ऐसा Image इंस्टेंस जो ऐनिमेशन करने के लिए, Painter इंस्टेंस का इस्तेमाल करता है. यह ऐनिमेशन, rememberAnimatedVectorPainter() फ़ंक्शन की मदद से AnimatedImageVector और boolean स्टेटस से बनाया जाता है.
  • जब atEnd true होता है, तो Painter इंस्टेंस ऐनिमेशन करना बंद कर देता है.

नतीजे

ऐनिमेशन वाला ऐवरग्लास, जिसमें कॉन्टेंट घूम रहा है
पहली इमेज. Compose में ऐनिमेशन वाला वेक्टर ड्रॉबल.

ऐसे संग्रह जिनमें यह गाइड शामिल है

यह गाइड, चुने गए क्विक गाइड के कलेक्शन का हिस्सा है. इसमें Android डेवलपमेंट के बड़े लक्ष्यों के बारे में बताया गया है:

अपने Android ऐप्लिकेशन को शानदार लुक देने के लिए, चमकदार और दिलचस्प विज़ुअल इस्तेमाल करने की तकनीकें जानें.

क्या आपका कोई सवाल है या सुझाव/राय देनी है

अक्सर पूछे जाने वाले सवालों के पेज पर जाएं और क्विक गाइड के बारे में जानें. इसके अलावा, हमसे संपर्क करके अपने सुझाव/राय दें.