লোড এবং প্রদর্শন ইমেজ

আপনার অ্যাপে কন্টেন্ট হিসেবে এবং ব্যবহারকারীর কার্যকলাপের প্রতিক্রিয়া হিসেবে ছবি প্রদর্শন করতে, ডিস্ক থেকে অথবা ইন্টারনেটের কোনো বাহ্যিক উৎস থেকে ছবিগুলো লোড করুন। আপনি নিম্নলিখিত উপায়ে ছবি লোড করতে পারেন:

  • ডিস্ক থেকে
  • কয়েল ব্যবহার করে একটি নেটওয়ার্ক থেকে
  • গ্লাইড ব্যবহার করে একটি নেটওয়ার্ক থেকে

ফলাফল

একটি কুকুরের ছবি
চিত্র ১. একটি লোড ও প্রদর্শিত ছবি।

সংস্করণ সামঞ্জস্যতা

এই বাস্তবায়নের জন্য আপনার প্রোজেক্টের minSDK অবশ্যই API লেভেল ২১ বা তার বেশি হতে হবে।

ডিস্ক থেকে একটি ছবি লোড করুন

আপনি আপনার অ্যাপে বিষয়বস্তু হিসেবে প্রদর্শন করতে এবং ব্যবহারকারীর কার্যকলাপের প্রতিক্রিয়া জানাতে ডিস্ক থেকে স্থানীয়ভাবে সংরক্ষিত ছবি লোড করতে পারেন।

নির্ভরশীলতা

ছবিটি লোড করুন

আপনার অ্যাপে প্রদর্শনের জন্য ডিস্ক থেকে স্থানীয়ভাবে সংরক্ষিত একটি ছবি লোড করতে নিম্নলিখিত কোডটি ব্যবহার করুন: 

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

কোড সম্পর্কে মূল বিষয়গুলো

  • একটি সংজ্ঞায়িত Compose Image অবজেক্ট, যার painter অ্যাট্রিবিউটটি painterResource() এ সেট করা থাকে এবং যা অ্যাপ রিসোর্স থেকে একটি ইমেজ লোড করে।
  • একটি contentDescription যা TalkBack পড়তে পারে, আপনার অ্যাপটিকে আরও অ্যাক্সেসযোগ্য করে তোলার জন্য।
  • strings.xml ফাইল থেকে অনূদিত বিষয়বস্তুর বিবরণ লোড করার জন্য একটি stringResource() ।

নেটওয়ার্কের মাধ্যমে একটি ছবি লোড করুন

আপনি Coil অথবা Glide ব্যবহার করে ইন্টারনেটে বাহ্যিকভাবে সংরক্ষিত ছবি লোড করতে পারেন। আপনার প্রোজেক্টের জন্য কোন লাইব্রেরিটি ব্যবহার করবেন তা বেছে নিতে, প্রোজেক্টের প্রয়োজনীয়তা এবং পারফরম্যান্সের সীমাবদ্ধতার মতো বিষয়গুলো বিবেচনা করুন।

কয়েল ব্যবহার করে একটি ছবি লোড করুন

আপনি Coil নামক একটি থার্ড-পার্টি লাইব্রেরি ব্যবহার করে ইন্টারনেট থেকে ছবি লোড করতে পারেন। Coil কোটলিন কো-রুটিন দ্বারা চালিত এবং এটি মেইন থ্রেড থেকে দূরে থেকে ছবি লোড করার দায়িত্ব নেয় ও লোড হয়ে গেলে তা প্রদর্শন করে। Coil ব্যবহার করে ইন্টারনেট থেকে ছবি লোড করার জন্য এই নির্দেশিকা অনুসরণ করুন।

নির্ভরশীলতা

ছবিটি লোড করুন

Coil ব্যবহার করে ছবি লোড করতে নিম্নলিখিত কোডটি ব্যবহার করুন: 

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

গ্লাইড ব্যবহার করে একটি ছবি লোড করুন

আপনার অ্যাপের ফিডে ছবি দেখানোর জন্য আপনি গ্লাইড ব্যবহার করে ইন্টারনেট থেকে ছবি লোড করতে পারেন। গ্লাইড হলো অ্যান্ড্রয়েডের জন্য একটি দ্রুত ও কার্যকর ইমেজ লোডিং লাইব্রেরি, যা মসৃণ স্ক্রলিংয়ের ওপর বিশেষভাবে গুরুত্ব দেয়। এটি মেইন থ্রেড থেকে ছবিটি লোড করার দায়িত্ব নেয় এবং লোড হয়ে গেলে তা প্রদর্শন করে।

নির্ভরশীলতা

ছবিটি লোড করুন

গ্লাইড ব্যবহার করে ছবি লোড করতে নিম্নলিখিত কোডটি ব্যবহার করুন: 

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

যে সংগ্রহগুলিতে এই নির্দেশিকাটি রয়েছে

এই নির্দেশিকাটি বিশেষভাবে নির্বাচিত কুইক গাইড সংকলনগুলোর একটি অংশ, যা অ্যান্ড্রয়েড ডেভেলপমেন্টের বৃহত্তর লক্ষ্যগুলো পূরণ করে:

আপনার অ্যান্ড্রয়েড অ্যাপকে একটি সুন্দর রূপ ও অনুভূতি দিতে উজ্জ্বল ও আকর্ষণীয় ভিজ্যুয়াল ব্যবহারের কৌশলগুলো জেনে নিন।
দ্রুত নির্দেশিকা সংগ্রহ

কোনো প্রশ্ন বা মতামত থাকলে

আমাদের প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী পেজে গিয়ে সংক্ষিপ্ত নির্দেশিকাগুলো সম্পর্কে জানুন অথবা আমাদের সাথে যোগাযোগ করে আপনার মতামত জানান।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলীতে যান মতামত দিন