Lignes, rectangles et cercles

Le texte seul devient vite monotone. La bibliothèque GFX dessine aussi des formes : vous pouvez encadrer des données, créer des jauges et concevoir une véritable petite interface. 🎨

Chaque forme se place sur une grille de coordonnées. Le point (0,0) se trouve en haut à gauche ; x augmente vers la droite et y vers le bas, comme pour le curseur du texte.

La plus petite marque est un point. drawPixel reçoit une coordonnée x, une coordonnée y et une couleur, puis allume exactement un point de l’écran.

drawLine relie deux points. Indiquez les coordonnées x et y du début, celles de la fin, ainsi qu’une couleur pour tracer une ligne droite entre eux.

drawRect nécessite les coordonnées x et y du coin supérieur gauche, puis une largeur et une hauteur. La commande trace uniquement le bord, idéal pour encadrer une valeur ou une section.

Remplacez-la par fillRect avec les mêmes arguments pour remplir entièrement le rectangle. Les barres pleines sont au cœur des jauges et des indicateurs de progression.

drawCircle reçoit les coordonnées x et y du centre ainsi qu’un rayon. La commande trace un cercle, pratique pour les cadrans, les voyants d’état ou les icônes arrondies.

Utilisez fillCircle pour créer un disque plein. Un petit cercle rempli constitue un indicateur marche/arrêt clair, facile à lire en un coup d’œil.

Pour une apparence plus douce, drawRoundRect ajoute un rayon aux coins après la largeur et la hauteur. Les cadres arrondis rendent les boutons et les cartes plus accueillants.

L’ordre est important : les formes dessinées plus tard se placent par-dessus les précédentes. Dessinez d’abord une boîte remplie, puis affichez du texte dessus pour créer un badge avec étiquette.

Comme toujours, tout le dessin remplit le tampon. Terminez le tracé de votre forme par display.display() afin que l’image composée entière apparaisse d’un seul coup.

Vous savez maintenant dessiner des pixels, des lignes, des rectangles et des cercles, puis superposer des formes et du texte. Ces primitives suffisent pour composer une véritable interface utilisateur.