Carica e mostra le immagini

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

  • Dal disco
  • Da una rete utilizzando Coil
  • Da una rete utilizzando Glide

Risultati

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

Compatibilità con la versione

Questa implementazione richiede che il 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 dell'utente.

Dipendenze

Caricare 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 sul 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 sulla 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 rendimento.

Caricare un'immagine utilizzando Coil

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

Dipendenze

Caricare 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 delle immagini veloce ed efficiente per Android incentrata sullo scorrimento fluido, si occupa di caricare l'immagine dal thread principale e la visualizza una volta caricata.

Dipendenze

Caricare 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"
)

Raccolte che contengono questa guida

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

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

Hai domande o feedback

Visita la nostra pagina delle domande frequenti e scopri le guide rapide oppure contattaci e comunicaci la tua opinione.