Carregar e mostrar imagens

Para mostrar imagens no app para conteúdo e respostas às ações do usuário, carregue as imagens do disco ou de uma fonte externa na Internet. É possível carregar imagens das seguintes maneiras:

• Do disco
• De uma rede usando Coil
• De uma rede usando o Glide

Resultados

Compatibilidade de versões

Essa implementação exige que o minSDK do projeto seja definido como nível da API 21 ou mais recente.

Carregar uma imagem do disco

Você pode carregar imagens armazenadas localmente do disco para mostrá-las no app para conteúdo e responder às ações do usuário.

Dependências

Carregar a imagem

Use o código a seguir para carregar uma imagem armazenada localmente do disco e mostrar no seu app:

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

Pontos principais sobre o código

• Um objeto Image do Compose definido com um atributo painter definido como um painterResource() que carrega uma imagem dos recursos do app.
• Um contentDescription que o TalkBack pode ler para tornar seu app mais acessível.
• Um stringResource() para carregar a descrição de conteúdo traduzida do arquivo strings.xml.

Carregar uma imagem pela rede

É possível carregar imagens armazenadas externamente na Internet usando o Coil ou o Glide. Para escolher qual biblioteca usar no seu projeto, considere fatores como requisitos do projeto e restrições de desempenho.

Carregar uma imagem usando a Coil

É possível carregar imagens da Internet usando o Coil, uma biblioteca de terceiros. O Coil é compatível com corrotinas do Kotlin e se responsabiliza por carregar a imagem fora da linha de execução principal e a mostra quando ela é carregada. Siga estas orientações para carregar imagens da Internet usando o Coil.

Dependências

Carregar a imagem

Use o código a seguir para carregar imagens usando o Coil:

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

Carregar uma imagem usando o Glide

Você pode carregar imagens armazenadas externamente na Internet usando o Glide para mostrá-las no feed do seu app. O Glide é uma biblioteca de carregamento de imagens rápida e eficiente para Android com foco em rolagem suave. Ele se responsabiliza por carregar a imagem fora da linha de execução principal e a mostra quando ela é carregada.

Dependências

Carregar a imagem

Use o código a seguir para carregar imagens com o Glide:

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

Coleções que contêm este guia

Este guia faz parte das coleções de guias rápidos selecionados que abrangem objetivos mais amplos de desenvolvimento para Android:

Exibir imagens

Descubra técnicas para usar recursos visuais vibrantes e envolventes para dar ao seu app Android uma aparência incrível.

Coleção de guias rápidos

Tem dúvidas ou quer dar feedback?

Acesse nossa página de perguntas frequentes e confira guias rápidos ou entre em contato para compartilhar sua opinião.

Acessar as perguntas frequentes Enviar feedback