The Android Developer Challenge is back! Submit your idea before December 2.

Cómo diseñar caras de reloj

Las caras de reloj personalizadas aprovechan un lienzo dinámico y digital que puede incluir colores, animaciones y datos contextuales.

Crear una cara de reloj para Wear OS by Google implica visualizar la hora con claridad, tal como lo harías en una cara de reloj tradicional. Los dispositivos Wear OS proporcionan capacidades avanzadas para caras de reloj que puedes aprovechar en tus diseños, como colores vibrantes, fondos dinámicos, integración de datos y animaciones. Sin embargo, también hay muchas consideraciones de diseño para tener en cuenta.

Para comenzar a diseñar una cara de reloj, consulta Caras de reloj interactivas.

Para ver ejemplos de caras de reloj, descarga la aplicación complementaria de Wear OS by Google, que permite a los usuarios seleccionar entre varias caras de reloj.

Consulta los siguientes recursos relacionados:

Cómo planificar la implementación de la cara de reloj

Después de completar el diseño de la cara de reloj, debes determinar cómo obtener los datos necesarios y dibujar la cara de reloj en el dispositivo wearable. La mayoría de las implementaciones incluyen los siguientes componentes:

  • Una o más imágenes de fondo
  • Código de la aplicación para recuperar los datos requeridos
  • Código de la aplicación para dibujar texto y formas sobre las imágenes de fondo

En general, las apps muestran diferentes imágenes de fondo para los modos interactivo y ambiente. Puede ser difícil crear una imagen atractiva para el modo ambiente. Por lo tanto, los fondos del modo ambiente a menudo son todos negros o grises, y no tienen imágenes.

Las imágenes de fondo para los dispositivos Wear OS con una densidad de pantalla de hdpi deben tener un tamaño de 320 × 320 píxeles para adaptarse a dispositivos cuadrados y redondos. En dispositivos redondos, las esquinas de la imagen de fondo no se ven. En tu código, puedes detectar el tamaño de la pantalla del dispositivo y reducir la imagen de fondo si el dispositivo tiene una resolución más baja que la imagen. Para mejorar el rendimiento, deberías adaptar la imagen de fondo solo una vez y almacenar el mapa de bits resultante.

Debes ejecutar el código de la aplicación para recuperar datos contextuales solo con la frecuencia que sea necesaria y almacenar los resultados para volver a usar los datos cada vez que dibujes la cara de reloj. Por ejemplo, no es necesario buscar actualizaciones meteorológicas cada un minuto.

Para aumentar la duración de la batería, el código de la aplicación que dibuja la cara de reloj en modo ambiente debería ser relativamente simple. Por lo general, en este modo, dibujas contornos de formas usando un conjunto limitado de colores. En el modo interactivo, puedes usar formas complejas de colores, gradientes y animaciones para dibujar la cara de reloj.

En las lecciones restantes de esta clase, se explica en detalle cómo implementar caras de reloj.