DIY כיצד להכין שעון מגניב למראה - StickC - קל לביצוע: 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 הוסף רכיבים

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

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

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

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

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

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

הֶסבֵּר:

"ערך" פירושו כמה אנחנו רוצים להוסיף עם כל לחיצה על כפתור לזמן הקיים (שעות, דקות או שניות) "הוסף ערך" פירושו שאנחנו רוצים להוסיף את הערך לזמן הקיים

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

1. חבר את "M5 Stack Stick C"> שעון מעורר בזמן אמת (RTC)> הצמד [החוצה] לסיכת הרכיב "DecodeDateTime1" [In]
2. חבר את סיכת הרכיב "DecodeDateTime1" [Hour] לרכיב "FormattedText1" "TextElement1" [In]
3. חבר את סיכת הרכיב "DecodeDateTime1" [דקה] לסיכה של רכיב "FormatedText1" "TextElement2" [In]
4. חבר את סיכת הרכיב "DecodeDateTime1" [שנייה] לסיכה "TextElement3" של רכיב ה- "FormatedText1 [In]
5. חבר את סיכת הרכיב "FormattedText1" [החוצה] ללוח "M5 Stack Stick C" "תצוגת ST7735"> סיכת "שדה טקסט 1" [In]
6. חבר את "M5 Stack Stick C"> לחצנים "A (M5)" ל- "M5 Stack Stick C"> שעון מעורר בזמן אמת (RTC)> פין "הגדר שעה 1" [שעון]
7. חבר את "M5 Stack Stick C"> לחצנים "B" ל- "M5 Stack Stick C"> שעון מעורר בזמן אמת (RTC)> סיכה של "הגדר דקה 1" [שעון]

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

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

שלב 7: שחק

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

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

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

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

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