Comment créer des graphiques à barres sur un écran LCD COG 192x64 ?

En tant que fournisseur d'écrans LCD COG 192 x 64, j'ai reçu de nombreuses demandes concernant la création de graphiques à barres sur ces écrans. Dans ce blog, je partagerai un guide complet sur la façon de créer un graphique à barres d'affichage LCD COG 192 x 64, couvrant tout, de la compréhension des bases à la mise en œuvre du code réel.

Comprendre l'écran LCD COG 192x64

Avant de se lancer dans la création de graphiques à barres, il est essentiel de comprendre les caractéristiques de l'écran LCD COG 192x64. Le « 192 x 64 » fait référence à la résolution de l'écran, ce qui signifie qu'il comporte 192 pixels horizontalement et 64 pixels verticalement. Le « COG » signifie Chip On Glass, qui est une technologie dans laquelle le circuit intégré est directement monté sur le substrat en verre de l'écran LCD. Il en résulte un affichage plus compact et plus fiable.

Comparé à d'autres écrans LCD comme leÉcran LCD 12864BetÉcran LCD graphique 122x32, l'écran LCD COG 192 x 64 offre une zone d'affichage plus grande, permettant des visualisations plus détaillées et complexes, telles que des graphiques à barres.

Conditions préalables

Pour créer des graphiques à barres sur un écran LCD COG 192 x 64, vous aurez besoin des éléments suivants :

1. Écran LCD à dents de scie 192x64: Vous pouvez vous en procurer auprès d’un fournisseur fiable comme nous. Consultez notreÉcran LCD 192x64pour plus de détails.
2. Microcontrôleur: Un microcontrôleur est utilisé pour contrôler l'écran LCD et générer les données du graphique à barres. Les choix populaires incluent Arduino, Raspberry Pi et STM32.
3. Langage de programmation: Vous aurez besoin de connaître un langage de programmation compatible avec votre microcontrôleur, tel que C, C++ ou Python.
4. Bibliothèque de pilotes LCD: La plupart des microcontrôleurs disposent de bibliothèques disponibles pour contrôler les écrans LCD. Ces bibliothèques simplifient le processus de communication avec l'écran LCD et l'exécution d'opérations de base telles que vider l'écran, écrire du texte et dessiner des formes.

Étape 1 : Connectez l’écran LCD au microcontrôleur

La première étape consiste à connecter l'écran LCD COG 192x64 à votre microcontrôleur. Les connexions exactes des broches dépendront de l'écran LCD et du microcontrôleur spécifiques que vous utilisez. Cependant, la plupart des écrans LCD nécessitent les connexions suivantes :

• Alimentation: Connectez les broches VCC et GND de l'écran LCD aux broches d'alimentation appropriées du microcontrôleur.
• Lignes de données: Connectez les lignes de données de l'écran LCD (généralement étiquetées D0 - D7) aux broches de données correspondantes sur le microcontrôleur.
• Lignes de contrôle: Connectez les lignes de contrôle de l'écran LCD (telles que RS, RW et E) aux broches de contrôle appropriées du microcontrôleur.

Une fois les connexions établies, vérifiez-les pour vous assurer qu’elles sont correctes. Des connexions incorrectes peuvent entraîner des problèmes tels que l’écran LCD n’affichant rien ou affichant des caractères tronqués.

Étape 2 : initialiser l'écran LCD

Après avoir connecté l'écran LCD au microcontrôleur, vous devez initialiser l'écran LCD à l'aide de la bibliothèque de pilotes LCD. L'initialisation implique généralement de définir le mode d'affichage, d'effacer l'écran et de configurer d'autres paramètres d'affichage.

Voici un exemple de comment initialiser un écran LCD COG 192x64 à l'aide de l'IDE Arduino et de la bibliothèque U8g2 :

#include <U8g2lib.h> // Créer une instance de la bibliothèque U8g2 pour l'écran LCD COG 192x64 U8g2_SSD1306_192X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE); void setup() { // Initialise l'écran LCD u8g2.begin(); // Efface l'écran u8g2.clearBuffer(); // Mise à jour de l'affichage u8g2.sendBuffer(); } void loop() { // Votre code principal va ici }

Dans cet exemple, nous utilisons la bibliothèque U8g2 pour contrôler l'écran LCD COG 192x64. LeU8g2_SSD1306_192X64_NONAME_F_SW_I2CLe constructeur crée une instance de la bibliothèque pour le modèle LCD spécifique. Lecommencer()La fonction initialise l’écran LCD et leclearBuffer()etenvoyerBuffer()Les fonctions effacent l'écran et mettent à jour l'affichage, respectivement.

Étape 3 : Définir les données du graphique à barres

Avant de dessiner le graphique à barres sur l'écran LCD, vous devez définir les données qui seront représentées par les barres. Ces données peuvent être obtenues à partir de diverses sources, telles que des capteurs, des bases de données ou des entrées utilisateur.

Pour plus de simplicité, supposons que nous disposions d'un tableau d'entiers représentant les valeurs des barres :

const int numBars = 5 ; int barValues[numBars] = {20, 40, 60, 80, 100} ;

Dans cet exemple, nous avons un tableau de 5 entiers représentant les valeurs de 5 barres.

Étape 4 : Dessinez le graphique à barres

Une fois que vous disposez des données du graphique à barres, vous pouvez commencer à dessiner les barres sur l'écran LCD. Pour dessiner une barre, vous devez calculer la position et la taille de la barre en fonction de la valeur qu'elle représente et de la zone d'affichage disponible.

Voici un exemple de la façon de dessiner un graphique à barres sur un écran LCD COG 192x64 à l'aide de la bibliothèque U8g2 :

#include <U8g2lib.h> // Créer une instance de la bibliothèque U8g2 pour l'écran LCD COG 192x64 U8g2_SSD1306_192X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE); const int numBars = 5 ; int barValues[numBars] = {20, 40, 60, 80, 100} ; void setup() { // Initialise l'écran LCD u8g2.begin(); } void loop() { // Efface l'écran u8g2.clearBuffer(); // Calcule la largeur de chaque barre int barWidth = u8g2.getWidth() / numBars; // Dessinez chaque barre pour (int i = 0; i < numBars; i++) { int barHeight = (barValues[i] * u8g2.getHeight()) / 100; int x = je * largeurbarre ; int y = u8g2.getHeight() - barHeight; u8g2.drawBox(x, y, barWidth, barHeight); } // Mettre à jour l'affichage u8g2.sendBuffer(); // Retard d'une courte période delay(1000); }

Dans cet exemple, nous calculons d'abord la largeur de chaque barre en fonction du nombre de barres et de la largeur de l'écran LCD. Ensuite, nous parcourons chaque barre et calculons sa hauteur en fonction de sa valeur et de la hauteur de l'écran LCD. Enfin, nous utilisons ledrawBox()fonction pour dessiner la barre sur l’écran LCD.

Étape 5 : Personnaliser le graphique à barres

Une fois que le graphique à barres de base fonctionne, vous pouvez le personnaliser pour le rendre plus attrayant et informatif. Voici quelques façons de personnaliser le graphique à barres :

• Ajouter des étiquettes: Vous pouvez ajouter des étiquettes aux barres pour indiquer leurs valeurs ou leurs noms. Pour ajouter des étiquettes, vous pouvez utiliser ledrawStr()fonction fournie par la bibliothèque de pilotes LCD.
• Changer les couleurs: La plupart des bibliothèques de pilotes LCD vous permettent de modifier la couleur des barres et d'autres éléments de l'affichage. Vous pouvez utiliser différentes couleurs pour distinguer les différentes barres ou pour mettre en évidence des informations importantes.
• Animer les barres: Vous pouvez animer les barres pour rendre le graphique à barres plus dynamique. Pour animer les barres, vous pouvez mettre à jour les valeurs des barres dans leboucle()fonction et redessiner le graphique à barres à intervalles réguliers.

Conclusion

La création de graphiques à barres sur un écran LCD COG 192 x 64 est un processus relativement simple qui consiste à connecter l'écran LCD à un microcontrôleur, à initialiser l'écran LCD, à définir les données du graphique à barres, à dessiner les barres sur l'écran LCD et à personnaliser le graphique à barres. En suivant les étapes décrites dans ce blog, vous devriez pouvoir créer vos propres graphiques à barres sur un écran LCD COG 192 x 64.

Si vous êtes intéressé par l'achat d'un écran LCD COG 192 x 64 ou si vous avez des questions sur la création de graphiques à barres sur ces écrans, n'hésitez pas à nous contacter pour plus d'informations et pour discuter de vos besoins spécifiques. Nous sommes là pour vous aider à trouver la meilleure solution pour vos besoins.

Références

• Documentation de la bibliothèque U8g2
• Documentation de l'IDE Arduino
• Fiches techniques LCD