Creare immagini animate

Oltre alle immagini statiche sul quadrante, le immagini animate possono aggiungere una ulteriore dimensione all'esperienza utente.

Tieni presente che questa sezione riguarda specificamente l'utilizzo di file immagine animati. È possibile animare i componenti sul quadrante utilizzando l'elemento Transform, che è 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. Per farlo, utilizza un AnimationController.

Infine, per tutte le animazioni, includi un'immagine in miniatura.

Mettendo insieme questi elementi, un'animazione di base può essere implementata nel seguente modo:

<PartAnimatedImage x="0" y="0" width="450" height="450">
    <AnimationController play="ON_VISIBLE"/>
    <AnimatedImage resource="animation" format="AGIF"/>
    <Thumbnail resource="animation_thumbnail" />
</PartAnimatedImage>
watchface_dynamic_appearance.xml

Consulta la documentazione di riferimento PartAnimatedImage per maggiori dettagli sull'inclusione di un elenco di immagini animate e sulla creazione di un'animazione da immagini statiche.