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'istanzaPainter
per eseguire l'animazione, creata dagli statiAnimatedImageVector
eboolean
dalla funzionerememberAnimatedVectorPainter()
. - Quando
atEnd
ètrue
, l'animazione dell'istanzaPainter
viene interrotta.
Risultati
![Sabbiario che anima i contenuti e ruota](https://developer.android.com/static/develop/ui/compose/images/animations/avd_example_compose.gif?hl=it)
Raccolte che contengono questa guida
Questa guida fa parte di queste raccolte di guide rapide selezionate che coprono obiettivi di sviluppo Android più ampi:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=it)