Table des matières:

Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino : 6 étapes
Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino : 6 étapes

Vidéo: Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino : 6 étapes

Vidéo: Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino : 6 étapes
Vidéo: Создание спидометра Arduino на основе GPS с использованием M5Stack | Учебное пособие для начинающих от начала до конца #Arduino 2024, Juillet
Anonim
Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino
Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino

Dans ce tutoriel, nous allons apprendre à programmer ESP32 M5Stack StickC avec Arduino IDE et Visuino pour afficher n'importe quel texte sur l'écran LCD.

Étape 1: ce dont vous aurez besoin

Ce dont vous aurez besoin
Ce dont vous aurez besoin
Ce dont vous aurez besoin
Ce dont vous aurez besoin

M5StickC ESP32: vous pouvez l'obtenir ici

Programme Visuino: Télécharger Visuino

Étape 2: Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C

Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C

Démarrez Visuino comme indiqué dans la première image Cliquez sur le bouton "Outils" sur le composant Arduino (Image 1) dans Visuino Lorsque la boîte de dialogue apparaît, sélectionnez "M5 Stack Stick C" comme indiqué sur l'image 2

Étape 3: Dans Visuino, ajoutez et définissez des composants

Dans Visuino Ajouter et définir des composants
Dans Visuino Ajouter et définir des composants
Dans Visuino Ajouter et définir des composants
Dans Visuino Ajouter et définir des composants
Dans Visuino Ajouter et définir des composants
Dans Visuino Ajouter et définir des composants
Dans Visuino Ajouter et définir des composants
Dans Visuino Ajouter et définir des composants
  1. Cliquez sur le tableau "M5 Stack Stick C" pour le sélectionner
  2. Dans la fenêtre "Propriétés", sélectionnez "Modules" et cliquez sur "+" pour développer, sélectionnez "Afficher ST7735" et cliquez sur "+" pour le développer,
  3. Définissez Orientation sur "goRight" <cela signifie comment le texte sera orienté

  4. Sélectionnez "Éléments" et cliquez sur le bouton bleu avec 3 points…
  5. La boîte de dialogue Éléments s'affichera
  6. Dans la boîte de dialogue Éléments, faites glisser « Champ de texte » de la droite vers la gauche

Cliquez sur le « Champ de texte1 » sur le côté gauche pour le sélectionner, puis dans la « fenêtre Propriétés », cliquez sur « Valeur initiale » pour définir le texte par défaut comme « Exemple de texte »

-également dans les fenêtres de propriétés, définissez le X et le Y, où vous souhaitez afficher ce texte sur l'écran LCD, la valeur par défaut est 0, ce qui signifie qu'il commencera à afficher le texte dans le coin supérieur gauche.

-Vous pouvez également définir la taille du texte et la couleur si vous le souhaitez

Fermer la fenêtre des éléments

En option:

Cliquez sur le tableau "M5 Stack Stick C" pour le sélectionner

Dans la fenêtre "Propriétés", sélectionnez "Modules" et cliquez sur "+" pour développer, sélectionnez "Afficher ST7735" et cliquez sur "+" pour le développer et vous verrez "Couleur d'arrière-plan" c'est la couleur par défaut de l'affichage, changez-la en votre couleur préférée, vous pouvez également régler la luminosité de l'écran, la valeur par défaut est 1 (max), vous pouvez la régler sur 0,5 ou sur une autre valeur pour la rendre plus sombre.

Étape 4: Facultativement - Afficher le texte à l'aide du composant "Valeur de texte"

Facultativement - Afficher le texte à l'aide
Facultativement - Afficher le texte à l'aide
Facultativement - Afficher le texte à l'aide
Facultativement - Afficher le texte à l'aide

Une fois que vous avez ajouté l'élément "Champ de texte" dans la boîte de dialogue Éléments.

Vous pouvez définir le texte à l'aide du composant "Text Value".

  1. Pour ce faire, faites glisser le composant "Text value" et connectez-le à la broche "M5 Stack Stick C" > "Text Field1" [In]
  2. Dans la fenêtre des propriétés, définissez le texte que vous souhaitez afficher

Étape 5: Générer, compiler et télécharger le code Arduino

Générer, compiler et télécharger le code Arduino
Générer, compiler et télécharger le code Arduino
  1. Dans Visuino, en bas, cliquez sur l'onglet "Build", assurez-vous que le bon port est sélectionné, puis cliquez sur le bouton "Compiler/Build and Upload".

Étape 6: Jouez

Si vous alimentez le module M5Sticks, l'écran devrait commencer à afficher le texte que vous avez défini.

Toutes nos félicitations! Vous avez terminé votre projet M5Sticks avec Visuino. Le projet Visuino, que j'ai créé pour ce Instructable, est également joint. Vous pouvez le télécharger et l'ouvrir dans Visuino:

  1. Le premier fichier "StickC-Display-Text.visuino" ne fait que définir le texte dans la fenêtre des éléments
  2. Le deuxième fichier "StickC-Display-Text-using-textvalue.visuino" définit le texte à l'aide du composant "Text Value"

Conseillé: