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

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

• С диска
• Из сети, использующей Coil.
• Из сети, использующей Glide.

Результаты

Совместимость версий

Для данной реализации требуется, чтобы в вашем проекте был установлен уровень 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

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

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

Отображение изображений

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

Краткий справочник

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

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

Перейти к разделу часто задаваемых вопросов Оставить отзыв