Étape 14 : Graphiques UI Design faisant
Pour l’essentiel, j’ai utilisé les fonctions intégrées de la bibliothèque Adafruit GFX pour créer les graphiques de l’interface utilisateur. J’ai voulu utiliser des symboles plus détaillées pour le logo, intensité du signal et de charge de batterie, donc j’ai créé mon propre un alias, les symboles noir et blancs dans photoshop. Je pourrais avoir ajouté une carte micro SD pour le graphisme, mais j’ai voulu créer une interface utilisateur monochrome et une carte SD aurait ajouté à l’ensemble la puissance.
J’ai utilisé un peu libre de logiciel appelé Assistant LCD pour convertir les bitmaps en tableaux de style C hexagonales qui pourraient être utilisées par la fonction de dessin bitmap. Si vous souhaitez créer vos propres symboles simples, il est assez facile, car le logiciel prend une image bitmap et ressorte avec un fichier d’en-tête avec les baies. Si vos images sont petites et pas de complexe, je serait visuellement scrute le tableau pour d’éventuelles erreurs. Pour une poignée d’images, Assistant LCD insérerait parfois un peu au hasard dans la rangée supérieure de l’image.
Voici un petit exemple, utilisons de Sparkfun sur l’utilisation du logiciel aussi bien.