Además de las imágenes estáticas en la cara del reloj, las imágenes animadas pueden aportar una dimensión adicional a la experiencia del usuario.
Ten en cuenta que esta sección trata específicamente sobre el uso de archivos de imágenes animadas. Es posible animar componentes en la cara de reloj con el elemento Transform, que se explica en la página Cómo cambiar de forma dinámica la apariencia de los elementos.
Las animaciones pueden consistir en un archivo de imagen animada, como un GIF animado, o una secuencia de Images, que se combinan para formar una animación.
Además de especificar los archivos que se usarán, deberás definir cómo se debe comportar la animación, por ejemplo, si se debe repetir la reproducción o, de lo contrario, qué hacer al final, entre otras opciones. Para ello, usa un AnimationController.
Por último, para todas las animaciones, incluye una imagen de miniatura.
Si juntamos todo, una animación básica se puede implementar de la siguiente manera:
<PartAnimatedImage x="0" y="0" width="450" height="450"> <AnimationController play="ON_VISIBLE"/> <AnimatedImage resource="animation" format="AGIF"/> <Thumbnail resource="animation_thumbnail" /> </PartAnimatedImage>
Consulta la referencia de PartAnimatedImage para obtener más detalles sobre cómo incluir una lista de imágenes animadas y construir una animación a partir de imágenes fijas.