Les cadrans personnalisés exploitent un canevas numérique dynamique qui peut inclure des couleurs, des animations et des informations contextuelles.
Créer un cadran pour Wear OS implique de visualiser clairement l'heure, comme vous le feriez pour un cadran traditionnel. Les appareils Wear offrent des fonctionnalités avancées pour les cadrans. Vous pouvez les exploiter dans vos conceptions, notamment les couleurs vives, les arrière-plans dynamiques, les animations et l'intégration de données. Cependant, de nombreux éléments de conception doivent être pris en compte.
Pour concevoir un cadran sans code, consultez Watch Face Studio.
Pour commencer à concevoir un cadran, passez en revue d'autres exemples de cadrans. Téléchargez l'application associée Wear OS pour parcourir une large sélection de cadrans.
Planifier l'implémentation du cadran
Après avoir finalisé la conception de votre cadran, vous devez déterminer comment obtenir les données nécessaires et dessiner le cadran sur l'accessoire connecté. La plupart des implémentations sont constituées des composants suivants :
- Une ou plusieurs images de fond
- Code de l'application qui récupère les données requises
- Code d'application qui superpose le texte et les formes sur les images de fond
Les applications affichent généralement des images de fond différentes pour les modes interactif et Veille. Il peut être difficile de créer une image de qualité pour le mode Veille. Par conséquent, les arrière-plans en mode Veille sont souvent entièrement noirs ou gris, sans image.
La taille des images de fond pour les appareils Wear avec une densité d'écran de hdpi doit être de 320 x 320 pixels. Les coins de l'image de fond ne sont pas visibles sur les appareils ronds. Dans votre code, vous pouvez détecter la taille de l'écran de l'appareil et réduire l'image de fond si sa résolution est inférieure à celle de votre image. Pour améliorer les performances, mettez à l'échelle l'image de fond une seule fois et stockez le bitmap obtenu.
Exécutez le code de l'application pour récupérer les données contextuelles aussi souvent que nécessaire et stockez les résultats pour réutiliser les données chaque fois que vous tracez le cadran. Par exemple, vous n'avez pas besoin de récupérer les bulletins météo toutes les minutes.
Maintenez le code de l'application qui affiche le cadran de votre montre en mode Veille relativement simple pour augmenter l'autonomie de la batterie. Dans ce mode, vous tracez généralement les contours des formes avec un ensemble limité de couleurs. En mode interactif, vous pouvez utiliser des couleurs, des formes complexes, des dégradés et des animations pour dessiner votre cadran.
Les leçons suivantes de cette leçon vous expliquent comment implémenter des cadrans.
Ressources associées
Consultez les ressources associées suivantes :