डिस्क से एक इमेज लोड करें
स्क्रीन पर ग्राफ़िक दिखाने के लिए, 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 सुविधा की मदद से, कॉन्टेंट के ब्यौरे को पढ़कर सुनाया जाता है. इससे
यह पक्का करना चाहिए कि अगर टेक्स्ट को ज़ोर से पढ़कर सुनाया जाता है और उसका अनुवाद किया जाता है, तो वह समझ में आ जाता है. इस
ऊपर दिए उदाहरण में, अनुवाद किए गए कॉन्टेंट को लोड करने के लिए stringResource()
का इस्तेमाल किया गया है
strings.xml
फ़ाइल से जानकारी. अगर स्क्रीन पर आपका विज़ुअल एलिमेंट
सिर्फ़ विज़ुअल सजावट के लिए, अपने contentDescription
को null
पर सेट करें
उसे अनदेखा करने के लिए स्क्रीन रीडर का उपयोग करें.
अगर आपको लोअर-लेवल ImageBitmap
से जुड़ी कोई खास सुविधा चाहिए, तो
बिट मैप लोड करने के लिए ImageBitmap.imageResource()
. अगर आपको ज़्यादा जानकारी चाहिए, तो
ImageBitmaps, ImageBitmap बनाम Image पक्ष सेक्शन को पढ़ें.
ड्रॉ करने लायक सहायता
फ़िलहाल, painterResource
ड्रॉ करने के इन तरीकों के साथ काम करता है:
AnimatedVectorDrawable
BitmapDrawable
(PNG, JPG, WebP)ColorDrawable
VectorDrawable
इंटरनेट से कोई इमेज लोड करें
इंटरनेट से कोई इमेज लोड करने के लिए, तीसरे पक्ष की कई लाइब्रेरी मौजूद हैं जो प्रोसेस को मैनेज करने में आपकी मदद करें. इमेज लोड होने वाली लाइब्रेरी कई काम करती हैं मुश्किल काम है; वे दोनों कैशिंग संभालते हैं (इसलिए आप अपनी साइट पर, इमेज को एक से ज़्यादा बार) और नेटवर्किंग लॉजिक का इस्तेमाल करके, डाउनलोड करके उसे डिसप्ले किया जा सकता है आता है.
उदाहरण के लिए, Coil की मदद से कोई इमेज लोड करने के लिए
Instacart से 14 मिनट में लाइब्रेरी जोड़ें, तो लाइब्रेरी को अपनी 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 में सुलभता
- कंपोज़ में ग्राफ़िक्स