Carregar e mostrar imagens

Para mostrar imagens no app para conteúdo e respostas a 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 que usa o Coil
  • De uma rede usando o Glide

Compatibilidade de versões

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

Carregar uma imagem do disco

É possível carregar imagens armazenadas localmente do disco para exibi-las no app para conteúdo e responder às ações do usuário.

Dependências

Carregar a imagem

Use o código abaixo para carregar uma imagem armazenada localmente do disco para exibição no app:

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

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 deixar seu app mais acessível.
  • Um stringResource() para carregar a descrição do conteúdo traduzido 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 é responsável por carregar a imagem fora da linha de execução principal e mostrá-la após o carregamento. Siga estas orientações para carregar imagens da Internet usando o Coil.

Dependências

Carregar a imagem

Use o seguinte código para carregar imagens usando o Coil:

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

Carregar uma imagem usando o Glide

É possível carregar imagens armazenadas externamente na Internet usando o Glide para exibi-las no feed do app. O Glide é uma biblioteca de carregamento de imagens rápida e eficiente para Android com foco em rolagem suave. Ele assume a responsabilidade de carregar a imagem fora da linha de execução principal e a exibe depois de carregada.

Dependências

Carregar a imagem

Use o seguinte código para carregar imagens usando o Glide:

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

Resultados

Uma imagem de um cachorro
Figura 1. Uma imagem carregada e exibida.

Coleções que contêm este guia

Este guia faz parte destas coleções selecionadas de guias rápidos que abrangem metas mais amplas de desenvolvimento para Android:

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

Tem dúvidas ou feedback?

Acesse a página de perguntas frequentes e saiba mais sobre os guias rápidos ou entre em contato e conte o que você pensa.