رابط نمایش Nextion با ESP 32 چهار رله برد: 7 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:57

در این دستورالعمل ما قصد داریم صفحه نمایش 5 اینچی را به برد چهار رله Esp 32 وصل کنیم. برد توسط پروتکل MQTT کنترل می شود. برد همچنین دارای ویژگی های کنترل دو طرفه است. می توان آن را با mqtt و صفحه لمسی کنترل کرد. صفحه لمسی از طریق uart به Esp 32 متصل است.

راه اندازی صفحه نمایش Nextion:

Nextion Editor یک نرم افزار توسعه ای است که برای ایجاد بصری رابط گرافیکی برای دستگاه های دارای GUI فشرده با انواع صفحه نمایش TFT و صفحه های لمسی استفاده می شود. با استفاده از این ابزار ، کاربران می توانند شروع به ایجاد دستگاه های مبتنی بر TFT به روشی سریعتر و آسانتر کنند.

Nextion Editor را می توانید از این پیوند بارگیری کنید

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

پس از بارگیری ویرایشگر nextion را نصب کنید.

مرحله 1: ویرایشگر Nextion

باز کردن ویرایشگر بعدی در زیر پنجره بعدی را نشان می دهد ، دارای پنجره های فرعی است. جعبه ابزار در این پنجره مجموعه ای از ویژگی ها مانند نمایش متن ، افزودن دکمه یا ایجاد شماره گیری و غیره وجود دارد. ما می توانیم این اشیاء را به پنجره اصلی بکشیم و رها کنیم. گوشه سمت چپ پایین پنجره تصویر و فونت است که در آن کاربر می تواند تصاویر را با استفاده از نماد "+" اضافه کند و می تواند تصاویر را با علامت "-" حذف کند. در گوشه سمت راست بالا پنجره صفحه وجود دارد که کاربر می تواند صفحات را اضافه یا حذف کند. در گوشه سمت راست پایین پنجره ویژگی وجود دارد ، در اینجا کاربر می تواند پارامترهای اشیا را تغییر دهد. در زیر دو پنجره وجود دارد که یکی پنجره خروجی و پنجره رویداد است. در پنجره خروجی آن خطای کامپایلر را نمایش می دهد. کاربر اشیاء را انتخاب کرده و کد را در پنجره رویداد می نویسد تا همه چیز اتفاق بیفتد.

ما باید فایل جدید را ایجاد کنیم ، هنگامی که فایل جدید را ذخیره می کنیم ، پنجره image2 ظاهر می شود ، از ما می خواهد مدل را انتخاب کنیم ، مدل چیزی نیست جز مدل نمایش بعدی که بعد از آن روی ok کلیک می کنید. ادامه دهید

پس از ایجاد فایل جدید ، صفحه همانطور که در تصویر 3 نشان داده شده است ایجاد می شود ، کاربر می تواند تعداد زیادی صفحه بسته به برنامه خود ایجاد کند. اما در برنامه فعلی ما فقط به یک صفحه محدود می کنیم.

مرحله 2: افزودن تصاویر و فونت

در تصویر 4 نحوه ایجاد فونت را مشاهده می کنید. به ابزارها بروید و روی Font Generator کلیک کنید پنجره ایجادکننده فونت ظاهر می شود ، در این قسمت ارتفاع و نوع فونت را انتخاب کرده و نام فونت را وارد کرده و روی فونت ژنراتور کلیک کنید. بعد از تولید فونت ، بعدی از شما می خواهد که فونت را اضافه کنید یا نه

در تصویر 5 نحوه افزودن فونت را مشاهده می کنید ، که در عکس فوری برجسته شده است. با استفاده از نماد + و - کاربر می تواند فونت را اضافه یا حذف کند.

در تصویر 6 نحوه افزودن تصاویر یا حذف تصاویر را با انتخاب "+" یا "-" مشاهده می کنید.

مرحله 3: ایجاد دکمه

Image7 نحوه افزودن اشیاء به پنجره اصلی از جعبه ابزار را نشان می دهد. به عنوان مثال ، روی دکمه شیء دو حالته کلیک کنید ، همانطور که در شیء دکمه دو حالته image7 bt0 نشان داده شده است ، در پنجره اصلی ظاهر می شود. کاربر می تواند دکمه را در جهت x و y حرکت دهد. ما نحوه ایجاد یک دکمه سوئیچ با حالت دوگانه را نشان خواهیم داد.

در تصویر 8 می بینیم که تصویر دکمه با توجه به کاربر تغییر کرده است. ما باید روی دکمه bt0 کلیک کنیم ، در پنجره ویژگی پارامترهای دکمه ظاهر می شود. در این صورت کاربر باید پارامتر sta را به تصویر تغییر دهد و در برگه pic0 و pic1 کاربر باید تصاویری را که مایل به اعمال است اختصاص دهد.

در تصویر 9 ترتیب نهایی همه دکمه ها از جمله نامگذاری نشان داده می شود. در اینجا ما به ترتیب bt0 ، bt1 ، bt2 و bt3 را برای button0 ، button1 ، button2 و button3 اضافه کرده ایم.

مرحله 4: کد رویداد برای دکمه سوئیچ

تصویر 10 نشان می دهد که مقدار اولیه baud = 115200 در پنجره رویداد ، بخشی از کد ، است. کاربر می تواند در این قسمت مربوط به نمایش ، مقداردهی اولیه کند.

در تصویر 11 قسمت کد دکمه bt0 را نشان می دهد ، در اینجا ما بسته به وضعیت متغیر دکمه سریال را چاپ می کنیم ، یعنی برای متغیر bt0 0 است ، سپس سریال "R10" و برای متغیر bt0 1 ارسال می کنیم ، سپس "R11" را ارسال می کنیم. به esp هنگامی که Esp R10 را دریافت می کند ، رله 1 را خاموش می کند و هنگامی که R11 را دریافت می کند ، رله 1 روشن می شود. به طور مشابه ، ما باید برای همه دکمه ها کدگذاری کنیم ، برای مثال bt1 ، bt2 و bt3.

مرحله 5: اشکال در رابط کاربری گرافیکی

پس از کدگذاری همه چیز ، ما نیاز به کامپایل داریم ، در صورت عدم وجود خطا ، می توانیم رابط کاربری گرافیکی ایجاد شده را طبق نیازهای ما قبل از بارگذاری در صفحه بعدی اشکال زدایی کنیم. تصویر 12 پنجره اشکال زدایی را نشان می دهد ، در اینجا کاربر می تواند شبیه ساز فعلی را از دکمه کشویی بررسی کرده و بررسی کند که آیا کارکرد آن مطابق با کاربر است.

هنگامی که دستگاه طبق کاربر کار می کند ، مرحله بعدی بارگذاری کد در صفحه بعدی است.

تصویر 13 بارگذاری پنجره در دستگاه nextion را نشان می دهد ، در اینجا شما باید com port و baud-rate را انتخاب کنید. پس از آن برای بارگذاری روی کد باید روی دکمه go کلیک کنید ، بارگذاری ممکن است کمی طول بکشد.

مرحله 6: کار با دستگاه

تصویر 14 نمودار اتصال ESP 32 وای فای چهار برد رله با نمایشگر nextion را نشان می دهد. از صفحه ESP 32 J1 و J2 5v و Ground (G) را به نمایشگر بعدی متصل کنید ، همانطور که در تصویر زیر نشان داده شده است. برد و Rx nextion به Tx0 برد ESP32. این ارتباط Uart را برقرار می کند.

کار: هنگامی که همه چیز به برق متصل می شود ، دستگاه را با ssid و رمز عبور و کارگزار mqtt با نام موضوع منتشر شده و subscript پیکربندی کنید. پس از ارسال اعتبارنامه ، دستگاه راه اندازی مجدد می شود و به mqtt متصل می شود. در حال حاضر دستگاه به openhab پیکربندی شده است (برای openhab لطفاً ما را بررسی کنید دستورالعمل های openhab) همانطور که در تصویر 15 نشان داده شده است.

دستگاه را می توان با http ، mqtt و همچنین از طریق صفحه لمسی GUI کنترل کرد. ما می توانیم وضعیت فعلی همه کانال های رله را دریافت کنیم ، این که آیا کانال ها در mqtt و صفحه نمایش لمسی روشن یا خاموش هستند.

مرحله 7: راهنمای بعدی

Image17 پنجره مجموعه دستورالعمل بعدی را نشان می دهد ، جایی که کاربر می تواند از آن کمک بگیرد.