ডিস্ক থেকে একটি ছবি লোড করুন
স্ক্রিনে একটি গ্রাফিক প্রদর্শন করতে Image কম্পোজেবল ব্যবহার করুন। ডিস্ক থেকে একটি ইমেজ (যেমন: PNG, JPEG, WEBP) বা ভেক্টর রিসোর্স লোড করতে, আপনার ইমেজ রেফারেন্স সহ পেইন্টাররিসোর্স এপিআই painterResource API) ব্যবহার করুন। অ্যাসেটের ধরন জানার প্রয়োজন নেই, শুধু 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 নির্দিষ্ট কার্যকারিতার প্রয়োজন হয়, তাহলে আপনি একটি Bitmap লোড করার জন্য ImageBitmap.imageResource() ব্যবহার করতে পারেন। ImageBitmap সম্পর্কে আরও তথ্যের জন্য, "ImageBitmap বনাম ImageVector" অংশটি পড়ুন।
টানা যায় এমন সাপোর্ট
painterResource নিম্নলিখিত ড্রয়েবল টাইপগুলিকে সমর্থন করে:
-
AnimatedVectorDrawable -
BitmapDrawable(PNG, JPG, WEBP) -
ColorDrawable -
VectorDrawable
ইন্টারনেট থেকে একটি ছবি লোড করুন
ইন্টারনেট থেকে কোনো ছবি লোড করার জন্য, এই প্রক্রিয়াটি পরিচালনা করতে আপনাকে সাহায্য করার জন্য বেশ কিছু থার্ড-পার্টি লাইব্রেরি উপলব্ধ রয়েছে। ইমেজ লোডিং লাইব্রেরিগুলো আপনার হয়ে অনেক কঠিন কাজ করে দেয়; এগুলো ক্যাশিং (যাতে আপনাকে ছবিটি একাধিকবার ডাউনলোড করতে না হয়) এবং ছবিটি ডাউনলোড ও স্ক্রিনে প্রদর্শন করার জন্য নেটওয়ার্কিং লজিক—উভয়ই সামলায়।
উদাহরণস্বরূপ, Instacart-এর Coil ব্যবহার করে একটি ছবি লোড করতে, আপনার gradle ফাইলে লাইব্রেরিটি যোগ করুন, এবং একটি URL থেকে ছবি লোড করার জন্য AsyncImage ব্যবহার করুন:
AsyncImage( model = "https://example.com/image.jpg", contentDescription = "Translated description of what the image contains" )
অতিরিক্ত সম্পদ
{% হুবহু %}আপনার জন্য প্রস্তাবিত
- দ্রষ্টব্য: জাভাস্ক্রিপ্ট বন্ধ থাকলেও লিঙ্কের লেখা প্রদর্শিত হয়।
- কম্পোজে রিসোর্স
- কম্পোজে অ্যাক্সেসযোগ্যতা
- কম্পোজে গ্রাফিক্স