שעון מגניב למראה M5StickC עם תפריט ובקרת בהירות: 8 שלבים

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

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

צפה בסרטון הדגמה.

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

M5StickC ESP32: אתה יכול להשיג את זה כאן

תוכנית Visuino: הורדת Visuino

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

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

התחל את Visuino כפי שמוצג בתמונה הראשונה לחץ על כפתור "כלים" ברכיב Arduino (תמונה 1) ב- Visuino כאשר מופיע הדיאלוג, בחר "M5 Stack Stick C" כפי שמוצג בתמונה 2

שלב 3: ב- Visuino הגדר את לוח ה- StickC

1. לחץ על הלוח "M5 Stack Stick C" כדי לבחור אותו
2. בחלון "מאפיינים" בחר "מודולים" ולחץ על "+" כדי להרחיב,
3. בחר "הצג ST7735" ולחץ על "+" כדי להרחיב אותו,
4. הגדר "כיוון" ל- "goRight"
5. הגדר "צבע רקע" ל- "ClBlack"
6. בחר "אלמנטים" ולחץ על הכפתור הכחול עם 3 נקודות …
7. תיבת הדו -שיח Elements תוצג
8. בתיבת הדו -שיח Elements גרור 2X "שדה טקסט" מצד ימין לשמאל
9. לחץ על "שדה הטקסט 1" בצד שמאל כדי לבחור אותו, ולאחר מכן בחלון "מאפיינים" לחץ על "צבע" והגדר אותו ל- "aclOrange" ולחץ על "צבע מילוי" והגדר אותו ל- "aclBlack" (אתה יכול לשחק עם הצבעים אם תרצה) -גם במאפיינים windows להגדיר X: 10 ו- Y: 20 כאן אתה רוצה להציג את השעה בגודל ה- LCD שנקבע: 3 (זהו גודל הגופן של הזמן)
10. לחץ על "שדה הטקסט 2" בצד שמאל כדי לבחור אותו, ולאחר מכן ב"חלון מאפיינים "לחץ על" צבע "והגדר אותו ל-" aclAqua "ולחץ על" צבע מילוי "והגדר אותו ל-" aclBlack"

(אתה יכול לשחק עם הצבעים אם אתה רוצה) -הגדר "ערך ראשוני" ל: הגדר HOUR

-גם במאפיינים windows הגדר X: 10 ו- Y: 2 כאן אתה רוצה להציג את התפריט בגודל LCD -set: 1 (זהו גודל הגופן של התפריט)

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

1. לחץ על הלוח "M5 Stack Stick C" כדי לבחור אותו
2. בחלון "מאפיינים" בחר "מודולים" ולחץ על "+" כדי להרחיב,
3. בחר "הצג שעון מעורר בזמן אמת (RTC)" ולחץ על "+" כדי להרחיב אותו,
4. בחר "אלמנטים" ולחץ על הכפתור הכחול עם 3 נקודות …
5. בתיבת הדו-שיח Elements גרור "הגדר שעה" מצד ימין לשמאל ובחלון המאפיינים הגדר "הוסף ערך" ל: נכון ו"ערך "ל: 1
6. בתיבת הדו-שיח Elements גרור "הגדר דקה" מצד ימין לשמאל ובחלון המאפיינים הגדר "הוסף ערך" ל: נכון ו"ערך "ל: 1
7. בתיבת הדו-שיח Elements גרור "הגדר שני" מצד ימין לשמאל ובחלון המאפיינים הגדר "הוסף ערך" ל: נכון ו"ערך "ל: 1

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

שלב 4: ב- Visuino הוסף רכיבים

1. הוסף רכיב 2x "כפתור ניתוק"
2. הוסף רכיב "לחצן חזרה אוטומטית"
3. הוסף רכיב "מערך טקסט"
4. הוסף רכיב "מערך אנלוגי"
5. הוסף רכיב 2x "Counter"
6. הוסף רכיב "שעון Demux (מתג ערוץ פלט מרובה)"
7. הוסף רכיב "פענוח (פיצול) תאריך/שעה"
8. הוסף רכיב "FormatedText1"

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

1. בחר ברכיב "FormattedText1" ומתחת לחלון "מאפיינים" הגדר את "טקסט" ל:%0:%1:%2
2. לחץ פעמיים על רכיב "FormatedText1" ובתיבת הדו -שיח Elements גרור 3x "רכיב טקסט" שמאלה
3. בחר "TextElement1" בצד שמאל ובחלון המאפיינים הגדר "מילוי תו" ל: 0 ו- "אורך" ל: 2
4. בחר "TextElement2" בצד שמאל ובחלון המאפיינים הגדר "מילוי תו" ל: 0 ו- "אורך" ל: 2
5. בחר "TextElement3" בצד שמאל ובחלון המאפיינים הגדר "מילוי תו" ל: 0 ו- "אורך" ל: 2
6. בחר רכיב "ClockDemmux1" ובחלון המאפיינים קבע את "סיכות פלט" ל: 5
7. בחר רכיב "Counter1" ובחלון המאפיינים הרחב את "Max" והגדר את "Value" ל-: 4
8. בחר ברכיב "Counter1" ובחלון המאפיינים הרחב את "Min" והגדר את "Value" ל: 0
9. בחר רכיב "Counter2" ובחלון המאפיינים הרחב את "Max" והגדר את "Value" ל: 6
10. בחר רכיב "Counter2" ובחלון המאפיינים הרחב את "Min" והגדר את "Value" ל: 0BUILDING THE MENU:
11. בחר ברכיב "מערך 1" (מערך טקסט) ולחץ עליו פעמיים. -בחלון האלמנטים גרור 4X "ערך" לצד שמאל-בצד שמאל בחר "פריט [1]" ובחלון המאפיינים הגדר "ערך" אל: קבע שעות-בצד שמאל בחר "פריט [2]" ובחלון המאפיינים הגדר "ערך" ל: SET MINUTES-בצד שמאל בחר "פריט [3]" ובחלון הנכסים הגדר "ערך" אל: SET SECONDS-בצד שמאל בחר "פריט [4]" ובחלון המאפיינים הגדר את "Value" ל: SET BRIGHTNESS סגור את חלון האלמנטים. הגדרת הערכים לבהירות:

12. בחר רכיב "Array2" (מערך אנלוגי) ולחץ עליו פעמיים. -בחלון האלמנטים גרור 6X "ערך" לצד שמאל-בצד שמאל בחר "פריט [0]" ובחלון המאפיינים הגדר "ערך" ל: 1

    -בצד שמאל בחר "פריט [1]" ובחלון המאפיינים הגדר "ערך" ל: 0.9

    -בצד שמאל בחר "פריט [2]" ובחלון הנכסים הגדר "ערך" ל: 0.8 -בצד שמאל בחר "פריט [3]" ובחלון המאפיינים הגדר "ערך" ל: 0.7 -על בצד שמאל בחר "פריט [4]" ובחלון הנכסים הגדר "ערך" ל: 0.6-בצד שמאל בחר "פריט [5]" ובחלון המאפיינים הגדר "ערך" ל: 0.55

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

1. חבר את סיכת "M5 Stack Stick C" A (M5) לפין "Button2" [ב]
2. חבר את סיכת "M5 Stack Stick C" [B] לסיכה "Button1" [In]
3. חבר את סיכת "כפתור 2" [החוצה] לסיכה 'חזור כפתור 1' [פנימה]
4. חבר את סיכת "RepeatButton1" [החוצה] לסיכה "ClockDemmux1" [In]
5. חבר את סיכת "כפתור 1" [החוצה] לסיכה "מונה 1" [ב]
6. חבר את סיכת "M5 Stack Stick C"> "שעון מעורר בזמן אמת (RTC)" [החוצה] לסיכה "DecodeDateTime1" [In]
7. חבר את סיכת "DecodeDateTime1" [Hour] ל- "FormattedText1"> סיכת "TextElement1" [In]
8. חבר את סיכת "DecodeDateTime1" [דקה] ל- "FormattedText1"> סיכת "TextElement2" [ב]
9. חבר את סיכת "DecodeDateTime1" [שנייה] לסיכה "FormattedText1"> "TextElement3" [ב]
10. חבר את סיכת "FormattedText1" [Out] ללוח "M5 Stack Stick C"> "Display ST7735"> סיכת "Field Field1" [In]
11. חבר את סיכת "Counter1" [החוצה] לסיכה "ClockDemmux1" [בחר] ולסיכה "Array1" [אינדקס]
12. חבר את סיכת "Counter2" [החוצה] לסיכה "Array2" [אינדקס]
13. חבר את סיכת "Array1" [החוצה] ללוח "M5 Stack Stick C"> "Display ST7735"> סיכת "Field Field2" [In]
14. חבר את סיכת "Array2" [החוצה] ללוח "M5 Stack Stick C"> "Display ST7735"> סיכה [בהירות]
15. חבר את סיכת "ClockDemmux1" [1] ללוח "M5 Stack Stick C"> "שעון מעורר בזמן אמת (RTC)"> סיכת "הגדר שעה 1" [שעון]
16. חבר את סיכת "ClockDemmux1" [2] ללוח "M5 Stack Stick C"> "שעון מעורר בזמן אמת (RTC)"> סיכה "הגדר דקה 1" [שעון]
17. חבר את סיכת "ClockDemmux1" [3] ללוח "M5 Stack Stick C"> "שעון מעורר בזמן אמת (RTC)"> סיכה "הגדר שנית 1" [שעון]
18. חבר את סיכת "ClockDemmux1" [4] לסיכה "Counter2" [In]

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

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

שלב 8: שחק

אם אתה מפעיל את מודול M5Sticks, התצוגה אמורה להתחיל להציג את השעה. אתה יכול לשנות את הזמן והבהירות באמצעות לחצנים "B" להצגת התפריט ולחלוף בין (קבע שעות, הגדר דקות, הגדר שניות, הגדר בהירות) ולהשתמש בלחצן "M5" להגדרתו.

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