इमेज लोड और डिसप्ले करना

अपने ऐप्लिकेशन में कॉन्टेंट के लिए और उपयोगकर्ता की कार्रवाइयों के जवाब के तौर पर इमेज दिखाने के लिए, इमेज को डिस्क से या इंटरनेट पर किसी बाहरी सोर्स से लोड करें. इमेज को इन तरीकों से लोड किया जा सकता है:

  • डिस्क से
  • Coil का इस्तेमाल करने वाले नेटवर्क से
  • Glide का इस्तेमाल करने वाले नेटवर्क से

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

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

डिस्क से इमेज लोड करना

डिस्क में सेव की गई इमेज को ऐप्लिकेशन में कॉन्टेंट के तौर पर दिखाने और उपयोगकर्ता की कार्रवाइयों का जवाब देने के लिए, डिस्क से लोड किया जा सकता है.

डिपेंडेंसी

इमेज लोड करना

अपने ऐप्लिकेशन में दिखाने के लिए, डिस्क में सेव की गई इमेज को लोड करने के लिए, इस कोड का इस्तेमाल करें:

Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description)
)
LoadingImagesSnippets.kt

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

  • painter एट्रिब्यूट के painterResource() पर सेट किया गया, तय किया गया Compose Image ऑब्जेक्ट, जो ऐप्लिकेशन के संसाधनों से इमेज लोड करता है.
  • ऐसा contentDescription जिसे TalkBack पढ़ सकता है, ताकि आपके ऐप्लिकेशन को ज़्यादा ऐक्सेस किया जा सके.
  • strings.xml फ़ाइल से, अनुवाद किए गए कॉन्टेंट का ब्यौरा लोड करने के लिए stringResource().

नेटवर्क से इमेज लोड करना

Coil या Glide का इस्तेमाल करके, इंटरनेट पर सेव की गई इमेज लोड की जा सकती हैं. अपने प्रोजेक्ट के लिए कौनसी लाइब्रेरी इस्तेमाल करनी है, यह तय करने के लिए प्रोजेक्ट की ज़रूरतों और परफ़ॉर्मेंस से जुड़ी समस्याओं जैसे फ़ैक्टर को ध्यान में रखें.

Coil का इस्तेमाल करके इमेज लोड करना

तीसरे पक्ष की लाइब्रेरी Coil का इस्तेमाल करके, इंटरनेट से इमेज लोड की जा सकती हैं. Coil, Kotlin कोरूटीन पर काम करता है. यह इमेज को मुख्य थ्रेड से अलग लोड करने की ज़िम्मेदारी लेता है और लोड होने के बाद उसे दिखाता है. Coil का इस्तेमाल करके, इंटरनेट से इमेज लोड करने के लिए, यह तरीका अपनाएं.

डिपेंडेंसी

इमेज लोड करना

Coil का इस्तेमाल करके इमेज लोड करने के लिए, इस कोड का इस्तेमाल करें:

AsyncImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)
LoadingImagesSnippets.kt

Glide का इस्तेमाल करके इमेज लोड करना

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

डिपेंडेंसी

इमेज लोड करना

Glide का इस्तेमाल करके इमेज लोड करने के लिए, इस कोड का इस्तेमाल करें:

GlideImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)
LoadingImagesSnippets.kt

नतीजे

कुत्ते की इमेज
पहली इमेज. इमेज लोड हो गई और दिखने लगी.

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

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

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

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

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