بارگذاری و نمایش تصاویر

برای نمایش تصاویر در برنامه خود برای محتوا و پاسخ به اقدامات کاربر، تصاویر را از دیسک یا از یک منبع خارجی در اینترنت بارگذاری کنید. می‌توانید تصاویر را به روش‌های زیر بارگذاری کنید:

  • از دیسک
  • از یک شبکه با استفاده از Coil
  • از یک شبکه با استفاده از Glide

نتایج

تصویری از یک سگ
شکل ۱. تصویری بارگذاری و نمایش داده می‌شود.

سازگاری نسخه

این پیاده‌سازی مستلزم آن است که minSDK پروژه شما روی سطح API 21 یا بالاتر تنظیم شده باشد.

بارگذاری تصویر از دیسک

شما می‌توانید تصاویر ذخیره شده محلی را از دیسک بارگذاری کنید تا آنها را در برنامه خود برای محتوا نمایش دهید و به اقدامات کاربر پاسخ دهید.

وابستگی‌ها

تصویر را بارگذاری کنید

از کد زیر برای بارگذاری یک تصویر ذخیره شده محلی از دیسک برای نمایش در برنامه خود استفاده کنید: 

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

نکات کلیدی در مورد کد

  • یک شیء Compose Image تعریف شده با ویژگی painter که روی painterResource() تنظیم شده است و تصویری را از منابع برنامه بارگذاری می‌کند.
  • یک contentDescription که TalkBack می‌تواند آن را بخواند تا برنامه شما را قابل دسترس‌تر کند.
  • یک stringResource() برای بارگذاری توضیحات محتوای ترجمه شده از فایل strings.xml .

بارگذاری تصویر از طریق شبکه

شما می‌توانید تصاویری که به صورت خارجی در اینترنت ذخیره شده‌اند را با استفاده از Coil یا Glide بارگذاری کنید. برای انتخاب کتابخانه‌ای که برای پروژه خود استفاده می‌کنید، عواملی مانند الزامات پروژه و محدودیت‌های عملکرد را در نظر بگیرید.

بارگذاری تصویر با استفاده از Coil

شما می‌توانید تصاویر را از اینترنت با استفاده از Coil ، یک کتابخانه شخص ثالث، بارگذاری کنید. Coil توسط کوروتین‌های کاتلین پشتیبانی می‌شود و مسئولیت بارگذاری تصویر را خارج از نخ اصلی بر عهده می‌گیرد و پس از بارگذاری، آن را نمایش می‌دهد. برای بارگذاری تصاویر از اینترنت با استفاده از Coil، این راهنما را دنبال کنید.

وابستگی‌ها

تصویر را بارگذاری کنید

برای بارگذاری تصاویر با استفاده از Coil از کد زیر استفاده کنید: 

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

بارگذاری تصویر با استفاده از Glide

شما می‌توانید تصاویری که به صورت خارجی در اینترنت ذخیره شده‌اند را با استفاده از Glide بارگذاری کنید تا در فید برنامه خود نمایش دهید. Glide یک کتابخانه بارگذاری تصویر سریع و کارآمد برای اندروید است که بر پیمایش روان تمرکز دارد و مسئولیت بارگذاری تصویر را خارج از نخ اصلی بر عهده می‌گیرد و پس از بارگذاری، آن را نمایش می‌دهد.

وابستگی‌ها

تصویر را بارگذاری کنید

برای بارگذاری تصاویر با استفاده از Glide از کد زیر استفاده کنید: 

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

مجموعه‌هایی که حاوی این راهنما هستند

این راهنما بخشی از این مجموعه‌های راهنمای سریعِ برگزیده است که اهداف گسترده‌تر توسعه اندروید را پوشش می‌دهد:

تکنیک‌هایی را برای استفاده از تصاویر روشن و جذاب کشف کنید تا به برنامه اندروید خود ظاهری زیبا و دلنشین ببخشید.
مجموعه راهنمای سریع

سوالی یا بازخوردی دارید؟

به صفحه سوالات متداول ما بروید و درباره راهنماهای سریع اطلاعات کسب کنید یا با ما تماس بگیرید و نظرات خود را با ما در میان بگذارید.
به سوالات متداول بروید نظر بدهید