Oltre alle immagini statiche sul quadrante, le immagini animate possono aggiungere un'altra dimensione all'esperienza utente.
Tieni presente che questa sezione riguarda in modo specifico l'utilizzo di file di immagini animate. È possibile animare i componenti sul quadrante utilizzando l'elemento Transform, trattato nella pagina Modificare dinamicamente l'aspetto degli elementi.
Le animazioni possono essere costituite da un file immagine animato, ad esempio una GIF animata, o da una sequenza di Images, che si combinano per formare un'animazione.
Oltre a specificare i file da utilizzare, dovrai definire il comportamento dell'animazione, ad esempio se riprodurre in loop la riproduzione o, in caso contrario, cosa fare alla fine, tra le altre opzioni. A questo scopo, utilizza un AnimationController.
Infine, per tutte le animazioni, includi un'immagine miniatura.
Riassumendo, un'animazione di base può essere implementata come segue:
<PartAnimatedImage x="0" y="0" width="450" height="450">
<AnimationController play="ON_VISIBLE"/>
<AnimatedImage resource="my_animation" format="AGIF"/>
<Thumbnail resource="my_animation_thumbnail" />
</PartAnimatedImage>
Consulta la documentazione di riferimento PartAnimatedImage per maggiori dettagli su come includere un elenco di immagini animate e creare un'animazione da immagini fisse.