DIY כיצד להציג זמן ב- M5StickC ESP32 באמצעות Visuino - קל לביצוע: 9 שלבים

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:11

במדריך זה נלמד כיצד לתכנת את ESP32 M5Stack StickC עם Arduino IDE ו- Visuino להצגת השעה על ה- LCD.

שלב 1: מה שאתה צריך

1. M5StickC ESP32: אתה יכול להשיג את זה כאן
2. תוכנית Visuino: הורדת Visuino

הערה: עיין במדריך זה כאן כיצד להתקין לוח StickC ESP32

שלב 2: הפעל את Visuino ובחר את סוג הלוח M5 Stack Stick C

התחל את Visuino כפי שמוצג בתמונה הראשונה לחץ על כפתור "כלים" ברכיב Arduino (תמונה 1)

ב- Visuino כאשר תיבת הדו -שיח מופיעה, בחר "M5 Stack Stick C" כפי שמוצג בתמונה 2

שלב 3: ב- Visuino הוסף והגדר רכיבים

1. לחץ על הלוח "M5 Stack Stick C" כדי לבחור אותו
2. בחלון "מאפיינים" בחר "מודולים" ולחץ על "+" כדי להרחיב, בחר "הצג ST7735" ולחץ על "+" כדי להרחיב אותו
3. הגדר את הכיוון ל- "goRight" <המשמעות היא כיצד הזמן יהיה מכוון על ה- LCD
4. בחר "אלמנטים" ולחץ על הכפתור הכחול עם 3 נקודות …
5. תיבת הדו -שיח Elements תוצג
6. בתיבת הדו -שיח Elements גרור "שדה טקסט" מצד ימין לשמאל

לחץ על "שדה הטקסט 1" בצד שמאל כדי לבחור אותו, ולאחר מכן ב"חלון מאפיינים "לחץ על הצבע והגדר אותו ל-" aclOrange"

-גם במאפיינים windows להגדיר X: 10 ו- Y: 20 כאן אתה רוצה להציג את השעה על ה- LCD

גודל סט: 3 זהו גודל הגופן של הזמן

-אפשר להגדיר את גודל הטקסט ואת הצבע אם תרצה

סגור את חלון האלמנטים

אופציונלי:

לחץ על הלוח "M5 Stack Stick C" כדי לבחור אותו

בחלון "מאפיינים" בחר "מודולים" ולחץ על "+" כדי להרחיב, בחר "תצוגה ST7735" ולחץ על "+" כדי להרחיב אותו ותראה "צבע רקע" זהו צבע ברירת המחדל של התצוגה, שנה אותו ל הצבע האהוב עליך, אתה יכול גם להגדיר את בהירות התצוגה, ברירת המחדל היא 1 (מקסימום) אתה יכול להגדיר אותו ל 0.5 או ערך אחר כדי להפוך אותו לעמעם יותר

6. הוסף רכיב "פענוח (פיצול) תאריך/שעה" 7. הוסף רכיב "טקסט מעוצב"

שלב 4: רכיבי סט של Visuino

1. בחר ברכיב "FormattedTxt1" ומתחת לחלון "מאפיינים" הגדר את "טקסט" ל:%0:%1:%2
2. לחץ פעמיים על רכיב "FormatedText1" ובתיבת הדו -שיח Elements גרור 3x "רכיב טקסט" שמאלה

שלב 5: רכיבי Visuino Connect

• חבר את "M5 Stack Stick C"> שעון מעורר בזמן אמת (RTC)> הצמד [החוצה] לסיכת הרכיב "DecodeDateTime1" [In]
• חבר את סיכת הרכיב "DecodeDateTime1" [Hour] לרכיב "FormattedText1" "TextElement1" [In]
• חבר את סיכת הרכיב "DecodeDateTime1" [דקה] לסיכה של רכיב "FormatedText1" "TextElement2" [In]
• חבר את סיכת הרכיב "DecodeDateTime1" [שנייה] לסיכה "TextElement3" של רכיב ה- "FormatedText1 [In]
• חבר את סיכת הרכיב "FormattedText1" [החוצה] ללוח "M5 Stack Stick C" "תצוגת ST7735"> סיכת "שדה טקסט 1" [In]

שלב 6: צור, הידור והעלה את קוד הארדואינו

• ב- Visuino, לחץ לחיצה תחתונה על הכרטיסייה "Build", וודא שהיציאה הנכונה נבחרה ולאחר מכן לחץ על הלחצן "Compile/Build and Upload".

שלב 7: שחק

אם אתה מפעיל את מודול M5Sticks, התצוגה אמורה להתחיל להציג את השעה.

מזל טוב! סיימת את פרויקט M5Sticks שלך עם Visuino. מצורף גם פרויקט Visuino שיצרתי עבור מדריך זה, אתה יכול להוריד אותו כאן.

אתה יכול להוריד ולפתוח אותו ב- Visuino:

שלב 8: תוספת: טריק פשוט

אתה יכול להשתמש בזמן הנוכחי שהיה במחשב שלך ברגע שחיברת את הקוד בארדואינו.

לשם כך פשוט שחרר רכיב "קומפיל תאריך/שעה" וחבר אותו לפין "M5 Stack Stick C"> "שעון מעורר בזמן אמת (RTC)" [Set]

אתה יכול להוריד את קובץ הפרויקט עם הטריק הזה כאן.

שלב 9: במדריך הבא

במדריך הבא אראה לך כיצד להכין שעון מגניב למראה בו תוכל לקבוע את הזמן באמצעות כפתורי StickC! הישאר מעודכן וראה את שאר ההדרכות שלי כאן.