Carica e mostra le immagini

Per visualizzare le immagini nella tua app per i contenuti e per le risposte alle azioni degli utenti, caricale dal disco o da una fonte esterna su internet. Puoi caricare le immagini nei seguenti modi:

  • Dal disco
  • Da una rete che utilizza Coil
  • Da una rete che utilizza Glide

Compatibilità delle versioni

Questa implementazione richiede che il valore minSDK del progetto sia impostato sul livello API 21 o superiore.

Caricare un'immagine dal disco

Puoi caricare le immagini archiviate localmente dal disco per visualizzarle nella tua app per i contenuti e per rispondere alle azioni degli utenti.

Dipendenze

Carica l'immagine

Utilizza il seguente codice per caricare un'immagine archiviata localmente dal disco da visualizzare nella tua app:

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

Punti chiave del codice

  • Un oggetto Compose Image definito con un attributo painter impostato su un painterResource() che carica un'immagine dalle risorse dell'app.
  • Un contentDescription che TalkBack può leggere per rendere la tua app più accessibile.
  • Un stringResource() per caricare la descrizione dei contenuti tradotti dal file strings.xml.

Caricare un'immagine tramite la rete

Puoi caricare le immagini archiviate esternamente su internet utilizzando Coil o Glide. Per scegliere la libreria da utilizzare per il tuo progetto, prendi in considerazione fattori come i requisiti del progetto e i vincoli di prestazioni.

Caricare un'immagine utilizzando Coil

Puoi caricare le immagini da internet utilizzando Coil, una libreria di terze parti. Coil è supportato dalle coroutine Kotlin e si occupa di caricare l'immagine al di fuori del thread principale e di visualizzarla una volta caricata. Segui queste indicazioni per caricare immagini da internet utilizzando Coil.

Dipendenze

Carica l'immagine

Utilizza il seguente codice per caricare le immagini utilizzando Coil:

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

Caricare un'immagine utilizzando Glide

Puoi caricare le immagini archiviate esternamente su internet utilizzando Glide per visualizzarle nel feed della tua app. Glide è una libreria di caricamento di immagini rapida ed efficiente per Android incentrata sullo scorrimento fluido. Si occupa di caricare l'immagine al di fuori del thread principale e di visualizzarla una volta caricata.

Dipendenze

Carica l'immagine

Utilizza il seguente codice per caricare le immagini utilizzando Glide:

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

Risultati

Un'immagine di un cane
Figura 1. Un'immagine caricata e visualizzata.

Raccolte che contengono questa guida

Questa guida fa parte di queste raccolte di guide rapide selezionate che coprono obiettivi di sviluppo Android più ampi:

Scopri le tecniche per utilizzare immagini brillanti e coinvolgenti per conferire un aspetto accattivante alla tua app per Android.

Domande o feedback

Visita la nostra pagina delle domande frequenti e scopri le guide rapide o contattaci per farci sapere cosa ne pensi.