Загрузка и отображение изображений

Чтобы отображать изображения в вашем приложении для контента и для ответов на действия пользователя, загрузите изображения с диска или из внешнего источника в Интернете. Загружать изображения можно следующими способами:

  • С диска
  • Из сети с помощью Coil
  • Из сети с помощью 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

Вы можете загружать изображения из Интернета с помощью сторонней библиотеки Coil . Coil поддерживается сопрограммами Kotlin и берет на себя ответственность за загрузку изображения из основного потока и отображает его после загрузки. Следуйте этому руководству, чтобы загружать изображения из Интернета с помощью Coil.

Зависимости

Загрузите изображение

Используйте следующий код для загрузки изображений с помощью Coil: 

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

Загрузите изображение с помощью Glide

Вы можете загружать изображения, хранящиеся в Интернете, с помощью Glide , чтобы отображать их в ленте вашего приложения. Glide — это быстрая и эффективная библиотека загрузки изображений для Android, ориентированная на плавную прокрутку, которая берет на себя ответственность за загрузку изображения из основного потока и отображает его после загрузки.

Зависимости

Загрузите изображение

Используйте следующий код для загрузки изображений с помощью Glide: 

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

Результаты

Изображение собаки
Рисунок 1. Изображение загружено и отображено.

Коллекции, содержащие это руководство

Это руководство является частью тщательно подобранной коллекции быстрых руководств, охватывающих более широкие цели разработки Android:

Узнайте, как использовать яркие, привлекательные визуальные эффекты, чтобы придать вашему Android-приложению красивый внешний вид.
Сборник кратких руководств

Есть вопросы или отзывы

Перейдите на нашу страницу часто задаваемых вопросов и узнайте о кратких руководствах или свяжитесь с нами и сообщите нам свои мысли.
Перейти к часто задаваемым вопросам Оставить отзыв