Mostrare un'immagine animata

Puoi creare un'esperienza utente più interattiva e coinvolgente nella tua app caricando un file drawable per visualizzare immagini animate. Le immagini animate sono utili per creare indicatori di caricamento, indicatori di successo o errore, semplificare lo sviluppo del gioco e varie altre funzioni dell'interfaccia utente.

Compatibilità delle versioni

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

Dipendenze

Mostrare un'immagine animata

Il seguente codice mostra un vettore animato che passa automaticamente tra due stati:

@Composable
fun AnimatedVectorDrawable() {
    val image = AnimatedImageVector.animatedVectorResource(R.drawable.ic_hourglass_animated)
    var atEnd by remember { mutableStateOf(false) }
    Image(
        painter = rememberAnimatedVectorPainter(image, atEnd),
        contentDescription = "Timer",
        modifier = Modifier.clickable {
            atEnd = !atEnd
        },
        contentScale = ContentScale.Crop
    )
}

Punti chiave del codice

  • Carica una risorsa vettoriale, animando gli attributi del disegno nel tempo.
  • Un'istanza Image che utilizza un'istanza Painter per eseguire l'animazione, creata dagli stati AnimatedImageVector e boolean dalla funzione rememberAnimatedVectorPainter().
  • Quando atEnd è true, l'animazione dell'istanza Painter viene interrotta.

Risultati

Sabbiario che anima i contenuti e ruota
Figura 1. Risorsa drawable vettoriale animata in Compose.

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.