डिस्क से इमेज लोड करना
स्क्रीन पर ग्राफ़िक दिखाने के लिए, Image
कंपोज़ेबल का इस्तेमाल करें. इमेज लोड करने के लिए
(उदाहरण के लिए: PNG, JPEG, WEBP) या वेक्टर रिसॉर्स देने के लिए,
painterResource
एपीआई, जिसमें इमेज दी गई है. आपको यह जानने की ज़रूरत नहीं है कि कैंपेन किस तरह का है
ऐसेट के लिए, Image
या paint
मॉडिफ़ायर में painterResource
का इस्तेमाल करें.
DrawScope
:
Image( painter = painterResource(id = R.drawable.dog), contentDescription = stringResource(id = R.string.dog_content_description) )
यह पक्का करने के लिए कि आपका ऐप्लिकेशन ऐक्सेस किया जा सकता है, contentDescription
विज़ुअल एलिमेंट. TalkBack, कॉन्टेंट की जानकारी को पढ़कर सुनाता है. इसलिए, आपको यह पक्का करना होगा कि टेक्स्ट को तेज़ आवाज़ में पढ़कर सुनाने और उसका अनुवाद करने पर, वह समझ में आए. ऊपर दिए गए उदाहरण में, strings.xml
फ़ाइल से अनुवाद किए गए कॉन्टेंट की जानकारी को लोड करने के लिए, stringResource()
का इस्तेमाल किया गया है. अगर स्क्रीन पर मौजूद आपका विज़ुअल एलिमेंट, सिर्फ़ विज़ुअल डेकोरेशन के लिए है, तो स्क्रीन रीडर को उसे अनदेखा करने के लिए, contentDescription
को null
पर सेट करें.
अगर आपको लोअर-लेवल ImageBitmap
से जुड़ी कोई खास सुविधा चाहिए, तो
बिट मैप लोड करने के लिए ImageBitmap.imageResource()
. अगर आपको ज़्यादा जानकारी चाहिए, तो
ImageBitmaps, ImageBitmap बनाम Image पक्ष सेक्शन को पढ़ें.
ड्रॉ करने लायक सहायता
फ़िलहाल, painterResource
ड्रॉ करने के इन तरीकों के साथ काम करता है:
AnimatedVectorDrawable
BitmapDrawable
(PNG, JPG, WEBP)ColorDrawable
VectorDrawable
इंटरनेट से कोई इमेज लोड करना
इंटरनेट से कोई इमेज लोड करने के लिए, तीसरे पक्ष की कई लाइब्रेरी मौजूद हैं जो प्रोसेस को मैनेज करने में आपकी मदद करें. इमेज लोड करने वाली लाइब्रेरी, आपके लिए बहुत से काम करती हैं. ये कैश मेमोरी (ताकि आपको इमेज को कई बार डाउनलोड न करना पड़े) और नेटवर्क लॉजिक, दोनों को मैनेज करती हैं. इससे इमेज को डाउनलोड करके स्क्रीन पर दिखाया जा सकता है.
उदाहरण के लिए, Coil की मदद से कोई इमेज लोड करने के लिए
Instacart से 14.40 मिनट के अंदर, अपनी gradle फ़ाइल में लाइब्रेरी जोड़ें. इसके बाद, किसी यूआरएल से इमेज लोड करने के लिए, AsyncImage
का इस्तेमाल करें:
AsyncImage( model = "https://example.com/image.jpg", contentDescription = "Translated description of what the image contains" )
कॉइल
Kotlin Coroutines (Instacart) की मदद से तैयार की गई इमेज लोड करने वाली लाइब्रेरी.
Glide
आसानी से स्क्रोल करने (Google) पर फ़ोकस करने वाली, Android के लिए इमेज तेज़ी से और आसानी से लोड होने वाली लाइब्रेरी.
आपके लिए सुझाव
- ध्यान दें: JavaScript बंद होने पर लिंक टेक्स्ट दिखता है
- Compose में संसाधन
- Compose में सुलभता
- कंपोज़ में ग्राफ़िक्स