ממשק תצוגה של Nextion עם לוח ESP 32 ארבעה ממסרים: 7 שלבים

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

במדריך זה אנו הולכים לממשק את תצוגת ה- nextion בגודל 5 אינץ 'ללוח ממסר ארבע ES 32. הלוח נשלט על ידי פרוטוקול MQTT. ללוח יש גם תכונות שליטה דו -כיווניות. זה יכול להיות נשלט על ידי mqtt ומסך מגע. מסך המגע מחובר ל- Esp 32 באמצעות uart.

הגדרת תצוגה של Nextion:

עורך Nextion היא תוכנת פיתוח המשמשת לבניית ויזואלית של ממשק גרפי למכשירים מוטבעים עתירי GUI עם סוגים שונים של מסכי TFT ולוחות מגע. באמצעות כלי זה, משתמשים יכולים להתחיל ליצור מכשירים מבוססי TFT בצורה מהירה וקלה יותר.

ניתן להוריד את עורך Nextion מקישור זה

nextion.itead.cc/resources/download/nextion-editor/

לאחר ההורדה התקן את עורך nextion.

שלב 1: עורך Nextion

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

עלינו ליצור את הקובץ החדש, ברגע שנשמור את הקובץ החדש חלון image2 יופיע, הוא יבקש לבחור את הדגם, הדגם אינו אלא דגם התצוגה של nextion תקבל אותו על החלק האחורי של ה- nextion לאחר לחיצה על אישור כדי להמשיך.

לאחר יצירת קובץ חדש הדף נוצר כפי שמוצג בתמונה image3, המשתמש יכול ליצור מספר דפים רבים בהתאם ליישום שלו. אך ביישום הנוכחי אנו מגבילים לדף אחד בלבד.

שלב 2: הוספת תמונות וגופן

ב- image4 אתה יכול לראות כיצד ליצור גופנים. עבור לכלים ולחץ על מחולל הגופנים חלון יוצר הגופנים יופיע, בזה בחר את הגובה וסוג הגופן ותן את שם הגופן ולחץ על גופן הגנרטור. לאחר יצירת הגופן הבא הבא ישאל אם להוסיף את הגופן או לֹא.

ב- image5 אתה יכול לראות כיצד להוסיף את הגופן, שהוא מודגש בתצלום. משתמש + ו - משתמש יכול להוסיף או למחוק גופן.

בתמונה 6 תוכל לראות כיצד להוסיף תמונות או למחוק את התמונות על ידי בחירת "+" או "-" בהתאמה.

שלב 3: יצירת כפתור

Image7 מראה כיצד להוסיף את האובייקטים לחלון הראשי מארגז הכלים. למשל לחץ על כפתור מצב כפול האובייקט, הוא יופיע בחלון הראשי כפי שמוצג באובייקט כפתור מצב כפול image7 bt0. המשתמש יכול להזיז את הכפתור בכיוון x ו- y. אנו נראה כיצד ליצור כפתור מתג בעל מצב כפול.

בתמונה 8 אנו יכולים לראות שתמונת הכפתור שונתה בהתאם למשתמש. עלינו ללחוץ על הכפתור bt0, בחלון התכונות יופיעו פרמטרי הכפתור. באותו משתמש צריך לשנות את הפרמטר sta לתמונה ובכרטיסייה pic0 ו- pic1 המשתמש צריך להקצות את התמונות שהוא רוצה להחיל.

בתמונה 9 מראה הסידור הסופי של כל הכפתורים כולל שמות. כאן הוספנו bt0, bt1, bt2 ו- bt3 עבור כפתור 0, כפתור 1, כפתור 2 וכפתור 3 בהתאמה.

שלב 4: קוד אירוע ללחצן מתג

תמונה 10 מציגה את האתחול מחדש של קצב שידור = 115200 בחלון האירוע, החלק שלו בקוד. המשתמש יכול לאתחל בחלק זה הנוגע לתצוגה.

בתמונה 11 מציג את חלק הקוד של כפתור bt0, כאן אנו מדפיסים סדרתי בהתאם למצב משתנה של הכפתור, כלומר עבור משתנה bt0 הוא 0 ואז אנו שולחים "R10" סדרתי ולמשתנה bt0 הוא 1 ואז אנו שולחים "R11" ל- esp. ברגע ש- Esp מקבל R10 הוא מכבה את הממסר הראשון וכאשר הוא מקבל את הממסר הראשון של R11 נדלק. באופן דומה עלינו לקודד את כל הכפתורים למשל bt1, bt2 ו- bt3.

שלב 5: ניפוי GUI

לאחר שהכל מקודד עלינו לקמפל, אם אין שגיאה נוכל לאתר באגים GUI שנוצר פועל בהתאם לדרישותינו לפני העלאה לתצוגה הבאה. Image12 מציג את חלון האיתור, כאן המשתמש יכול להפעיל סימולטור מכפתור הנפתח ולבדוק אם הוא פועל לפי משתמש.

ברגע שהמכשיר עובד לפי משתמש, השלב הבא הוא העלאת הקוד לתצוגה הבאה.

תמונה 13 מציגה את העלאת החלון למכשיר ה- nextion, כאן עליך לבחור יציאת com ו- קצב שידור. לאחר מכן עליך ללחוץ על כפתור go כדי להעלות לקוד, עשויה לקחת זמן מה להעלות.

שלב 6: עבודה של המכשיר

תמונה 14 מציגה את תרשים החיבור של לוח ESP 32 wifi ארבע ממסר עם תצוגת ה- nextion. מלוח ה- ESP 32 J1 ו- J2 מתחברים 5v וקרקע (G) לתצוגת ה- nextion כפי שמוצג להלן. חבר את ה- Tx של ה- nextion ל- Rx0 של ה- ESP32 לוח ו- Rx of nextion ל- Tx0 של לוח ESP32. זה יקים תקשורת Uart.

עבודה: לאחר שהכל מחובר לחשמל המכשיר מגדיר את המכשיר עם ssid וסיסמה ומתווך mqtt עם שם נושא הפרסום והרשמה. לאחר שליחת התקן המכשיר יאתחל מחדש ויתחבר ל- mqtt. המכשיר כבר מוגדר ל- openhab (עבור openhab אנא בדוק את openhab instructables) כפי שמוצג בתמונה 15.

המכשיר יכול להיות נשלט על ידי http, mqtt גם באמצעות מסך המגע של GUI. אנו יכולים לקבל את המצב הנוכחי של כל ערוצי הממסר בין אם הערוצים מופעלים או כבויים הן במסך mqtt והן במסך המגע.

שלב 7: עזרה של Nextion

תמונה 17 מציגה את חלון ערכת ההוראות הבאה, שבה המשתמש יכול לקבל את העזרה.