תוכן עניינים:
- שלב 1: מה שאתה צריך
- שלב 2: פיתוח ממשק בעורך Nextion
- שלב 3: המעגל
- שלב 4: הפעל את Visuino ובחר את סוג הלוח UNO של Arduino
- שלב 5: ב- Visuino הוסף רכיבים
- שלב 6: רכיבי סט של Visuino
- שלב 7: רכיבי Visuino Connect
- שלב 8: העתק את קובץ ה- Nextion לכרטיס SD
- שלב 9: צור, הידור והעלה את קוד הארדואינו
- שלב 10: שחק
- שלב 11: משאבים
2025 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2025-01-13 06:57
במדריך זה נשתמש בתצוגת 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 הוסף רכיבים
- הוסף רכיב "התחל"
- הוסף רכיב "שעון בזמן אמת (RTC) DS 1307"
- הוסף רכיב "מחולל שעונים"
- הוסף רכיב "לחות ומדחום DHT11"
- הוסף רכיב 2x "אנלוגי לטקסט"
- הוסף רכיב "פענוח (פיצול) תאריך"
- הוסף רכיב "תצוגת 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