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

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

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

سازگاری نسخه

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

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

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

وابستگی ها

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

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

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

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

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

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

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

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

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

وابستگی ها

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

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

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

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

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

وابستگی ها

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

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

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

نتایج

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

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

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

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

سوال یا بازخورد داشته باشید

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