תחנת מזג אוויר DIY עם תצוגת Nextion וארדואינו: 11 שלבים

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

במדריך זה נשתמש בתצוגת Nextion, מודול זמן rtc1307, Arduino UNO ו- Visuino כדי להציג את הזמן, הטמפרטורה והלחות הנוכחיים.

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

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

• Arduino uno (או ננו, אפשר להשתמש בכל אחד)
• Nextion lcd 2.8 אינץ 'nx3224t028_011 (כל lcd אחר של nextion יעבוד גם)
• מודול שעון בזמן אמת I2C RTC DS1307 24C32 עבור Arduino
• חוטי מגשר
• לוח לחם
• תוכנית Visuino: הורדת Visuino
• תוכנית עורך Nextion: הורדה כאן

שלב 2: פיתוח ממשק בעורך Nextion

ראשית ודא שכרטיס ה- SD מעוצב ב- FAT32 (השתמש בתוכנות מסוימות כמו פורמט כרטיס)

• הפעל את תוכנת עורך Nextion ולחץ על "חדש" ושמור את הפרויקט שלך במשהו כמו "מזג אוויר"
• לאחר מכן יופיע דו -שיח "הגדרות", בחר את סוג התצוגה שיש לך.
• גיליון לבן ריק ייווצר.
• מתיבת הכלים בצד שמאל גררו תמונה 3x.
• בצד שמאל למטה בחר בכרטיסייה "תמונה", לחץ על כפתור + וטען את התמונות. אתה יכול להוריד כמה אייקונים נחמדים מהאינטרנט לזמן, טמפרטורה ולחות (כמו אתר Iconarchive)
• בחר כל אלמנט תמונה ובחלון התכונה הימני התחתון "תכונה" לחץ פעמיים על שדה "תמונה" ובחר את התמונה, בצע זאת עבור כל רכיב תמונה (3x).

בתפריט לחץ על "כלים> מחולל גופנים"

• צור את הגופן שישמש להצגת זמן, טמפרטורה ולחות והגדר את השם כמו "MyFont1"
• לחץ על "צור גופן" ושמור אותו במקום כלשהו, כאשר תישאל "הוסף את הגופן שנוצר?" לחץ על כן.
• סגור את תיבת הדו -שיח והגופן שנוצר יופיע בתחתית השמאלית בכרטיסייה "גופנים" עם המזהה 0
• מתיבת הכלים בצד שמאל גוררים 3x "טקסט", מקם אותו במקום בו הוא יציג את הנתונים
• עבור כל רכיב טקסט שמוגדר בחלון התכונות התחתון הימני של הגופן, הגופן ל- 0 <המזהה של הגופן שיצרת קודם, תוכל להשתמש בגופנים מרובים ולהגדיר מזהה עבור כל רכיב טקסט
• ניתן להגדיר את ערך הטקסט המוגדר כברירת מחדל בשדה "txt" למשל "זמן", "C", "%
• אתה יכול להגדיר את הצבע על ידי לחיצה על השדה "pco" שים לב שלכל רכיב טקסט יש שם אובייקט מסוים כמו "t0" וכו ', מאוחר יותר זה ישמש ב- Visuino
• אתה יכול למצוא כל שם אובייקט תחת חלון "תכונות"> שם אובייקט

לאחר שהצבת ומיקום כל האלמנטים:

• לחץ על כפתור "הידור"
• לחץ על התפריט "קובץ"> "פתח תיקיית בנייה" מצא את הקובץ במקרה שלנו "Weather.tft" והעתק אותו לכרטיס ה- SD.

שלב 3: המעגל

• חבר את סיכת Arduino [5v] ללוח הסיכה החיובי [אדום]
• חבר את סיכת Arduino [GND] ללוח הסיכה השלילי [כחול]
• חבר את סיכת חיישן DHT11 [-] לסיכה של Arduino [GND]
• חבר את סיכת החיישן DHT11 [-] לסיכה החיובית של הלוח [אדום]
• חבר את סיכת אות חיישן DHT11 [S] לסיכה הדיגיטלית של Arduino [7]
• חבר את סיכת המודול של Time DS1307 [Vcc] לסיכה החיובית של הלוח [אדום]
• חבר את סיכת המודול של Time DS1307 [GND] לסיכה השלילית של הלוח [כחול]
• חבר את פין מודול Time DS1307 [SDA] לסיכת Arduino [SDA]
• חבר את פין מודול Time DS1307 [SCL] לפין Arduino [SCL]
• חבר את סיכת התצוגה של Nextion [VCC] לסיכה החיובית של הלוח [אדום]
• חבר את סיכת התצוגה של Nextion [GND] לסיכה השלילית של הלוח [כחול]
• חבר את נקודת התצוגה של Nextion [RX] לסיכה של Arduino [TX]
• חבר את נקודת התצוגה של Nextion [TX] לסיכה של Arduino [RX]

שלב 4: הפעל את Visuino ובחר את סוג הלוח UNO של Arduino

כדי להתחיל לתכנת את Arduino, יהיה עליך להתקין את Arduino IDE מכאן:

שים לב שיש כמה באגים קריטיים ב- Arduino IDE 1.6.6. הקפד להתקין 1.6.7 ומעלה, אחרת הוראה זו לא תעבוד! אם לא עשית בצע את השלבים במדריך זה להגדרת ה- Arduino IDE לתכנת Arduino UNO! יש להתקין גם את Visuino: https://www.visuino.eu. התחל את Visuino כפי שמוצג בתמונה הראשונה לחץ על כפתור "כלים" ברכיב Arduino (תמונה 1) ב- Visuino כאשר מופיע הדיאלוג, בחר "Arduino UNO" כפי שמוצג בתמונה 2

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

1. הוסף רכיב "התחל"
2. הוסף רכיב "שעון בזמן אמת (RTC) DS 1307"
3. הוסף רכיב "מחולל שעונים"
4. הוסף רכיב "לחות ומדחום DHT11"
5. הוסף רכיב 2x "אנלוגי לטקסט"
6. הוסף רכיב "פענוח (פיצול) תאריך"
7. הוסף רכיב "תצוגת Nextion"

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

לחץ פעמיים על רכיב "RealTimeClock1", חלון האלמנטים ייפתח ו:

• גרור "הגדר יום" ותחת חלון המאפיינים הגדר את "ערך" לתאריך הנוכחי שלך
• גרור "הגדר שנה" ותחת חלון המאפיינים הגדר את "ערך" לשנה הנוכחית שלך
• גרור "הגדר חודש" ותחת חלון המאפיינים הגדר את "ערך" לחודש הנוכחי שלך
• גרור "הגדר שעה" ותחת חלון המאפיינים הגדר את "ערך" לשעה הנוכחית שלך
• גרור "הגדר דקה" ותחת חלון המאפיינים הגדר את "ערך" לדקות הנוכחיות שלך

בחר רכיב "FormatedText1" ותחת חלון המאפיינים הגדר "טקסט" ל:%0:%1:%2

לחץ פעמיים על רכיב "FormattedText1", חלון האלמנטים ייפתח ו:

גרור 3x "רכיב טקסט" שמאלה

לחץ פעמיים על רכיב "DisplayNextion1", חלון האלמנטים ייפתח ו:

גרור 3x רכיב "טקסט" שמאלה ולכל קבוצת רכיבים:

• עבור רכיב ראשון שם אותו: זמן
• עבור היסוד השני שם אותו: טמפרטורה
• עבור המרכיב השלישי שם אותו: לחות
• עבור כל קבוצת רכיבים "אינדקס עמודים": 0
• עבור קבוצת האלמנטים הראשונה "שם האלמנט": t0 (זהו השם גלוי בעורך Nextion מעל כל אלמנט במקרה שלי t0)
• עבור קבוצת האלמנטים השנייה "שם האלמנט": t1 (זהו השם גלוי בעורך Nextion מעל כל אלמנט במקרה שלי t1)
• עבור קבוצת האלמנטים השנייה "שם האלמנט": t2 (זהו השם גלוי בעורך Nextion מעל כל אלמנט במקרה שלי t2)

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

• חבר את "Start1" סיכה "החוצה" ל- "RealTimeClock1"> "הגדר יום 1" סיכה "שעון"
• חבר את "Start1" סיכה "החוצה" ל- "RealTimeClock1"> "הגדר שעה 1" סיכה "שעון"
• חבר את "Start1" סיכה "החוצה" ל- "RealTimeClock1"> "הגדר שנה 1" סיכה "שעון"
• חבר את "Start1" סיכה "החוצה" ל- "RealTimeClock1"> "הגדר חודש 1" סיכה "שעון"
• חבר את "Start1" סיכה "החוצה" ל- "RealTimeClock1"> "הגדר דקה 1" סיכה "שעון"
• חבר את סיכת הרכיב "RealTimeClock1" [החוצה] לסיכה "DecodeDateTime1" [In]
• חבר את סיכת הרכיב "RealTimeClock1" [Control] לסיכת I2C של לוח Arduino [In]
• חבר את סיכת הרכיב "ClockGenerator1" [החוצה] לסיכת הרכיב "HumidityThermometer1" [שעון]
• חבר את רכיב "DecodeDateTime1" כדי להצמיד את [Hour] ל- "FormattedText1"> "Textelement1" pin [In]
• חבר את רכיב "DecodeDateTime1" להצמדת [Hour] לסיכת "FormattedText1"> "Textelement2" [In]
• חבר את רכיב "DecodeDateTime1" כדי להצמיד את [Hour] ל- "FormattedText1"> "Textelement3" pin [In]
• חבר את סיכת הרכיב "HumidityThermometer1" [טמפרטורה] לסיכת הרכיב "AnalogToText1" [ב]
• חבר את סיכת הרכיב "HumidityThermometer1" [לחות] לסיכת הרכיב "AnalogToText2" [ב]
• חבר את סיכת הרכיב "HumidityThermometer1" [חיישן] לסיכה הדיגיטלית של לוח Arduino [7]
• חבר את סיכת הרכיב "FormattedText1" [Out] ל- "DisplayNextion1" Time pin Time [In]
• חבר את פין הרכיב "AnalogToText1" [Out] לטמפרטורת סיכת הרכיב "DisplayNextion1" [In]
• חבר את סיכת הרכיב "AnalogToText2" [Out] ל- "DisplayNextion1" לחות סיכה של רכיב [In]

חבר את סיכת "DisplayNextion1" [יציאה] ללוח ה- "Serial [0]" של לוח הארדואינו [In]

שלב 8: העתק את קובץ ה- Nextion לכרטיס SD

ודא שיש לך את קובץ Nextion בכרטיס ה- SD

• כבה את תצוגת Nextion
• הכנס את כרטיס ה- SD לתצוגה של Nextion
• הפעל את תצוגת Nextion ותראה את התקדמות עדכון התצוגה של Nextion
• כבה את תצוגת Nextion
• הסר את כרטיס ה- SD מתצוגת Nextion

כעת תצוגת Nextion מוכנה.

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

ב- Visuino, הקש F9 או לחץ על הלחצן המוצג בתמונה 1 כדי ליצור את קוד Arduino, ופתח את IDE Arduino ב- IDE Arduino, לחץ על כפתור העלאה, כדי לאסוף ולהעלות את הקוד (תמונה 2) הערה:

ודא שכאשר אתה מעלה את הקוד ל- Arduino כדי לנתק את סיכת Arduino [RX] ו- Arduino pin [TX] לאחר השלמת ההעלאה, חבר חזרה את סיכת ה- Arduino [RX] ואת ה- Arduino pin [TX]

שלב 10: שחק

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

מצורף גם פרויקט Visuino שיצרתי עבור מדריך זה ניתן להוריד ולפתוח אותו ב- Visuino:

ו

קובץ Nextion לעורך Nextion (Weather. HMI) וקובץ Nextion קובץ (Weather.tft) שתוכל להעתיק ישירות לתצוגה של Nextion.

שלב 11: משאבים

אתה יכול גם לבדוק את ההדרכה המדהימה הזו כדי ללמוד כיצד לעבוד עם Nextion Displays