ایجاد یک سیستم کنترل خانه هوشمند در STONE HMI Disp: 23 مرحله

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

معرفی پروژه

آموزش زیر نحوه استفاده از ماژول صفحه لمسی STONE STVC050WT-01 را برای ساخت یک سیستم کنترل ساده لوازم خانگی به شما نشان می دهد.

مرحله 1: ماژول نمایش STONE STVC050WT - 01 TFT LCD

STONE STVC050WT - 01 ماژول صفحه لمسی پشتیبانی 5 اینچ است ، وضوح تصویر 480 * 272 روی ماژول دارای نمایشگر یکپارچه بوده و درایور صفحه لمسی نیاز به تراشه دارد ، توسعه دهندگان فقط به STONE نیاز دارند ، نرم افزار رسمی طراحی VGUS مربوط به طراحی رابط UI و ایجاد یک فایل برنامه نویسی بارگذاری شده در ماژول نمایش STONE ، و سپس از طریق یک پورت سریال (RS232 / RS485 / TTL) که با آن مطابقت دارد ، می توانید جنبه های پیچیده طراحی UI را انجام دهید. این فرایند به شرح زیر است:

مرحله 2: تصویر زیر برخی از پارامترهای ماژول نمایش STONE STVC050WT-01 را نشان می دهد:

STONE STVC050WT-01

این ماژول نمایش تنها یکی از بسیاری از این سری محصولات است. بسیاری از ماژول های نمایش دیگر در پیکربندی های مختلف موجود است. www.stoneitech.com

مرحله 3: توسعه ماژول نمایش STONE در سه مرحله

1. UI را با نرم افزار STONE TOOL طراحی کرده و فایل طراحی را در ماژول نمایشگر بارگیری کرد.

2. MCU از طریق پورت سریال با ماژول نمایش STONE ارتباط برقرار می کند.

3. MCU اقدامات دیگری را بر اساس داده های بدست آمده در مرحله 2 انجام می دهد.

مرحله 4: طراحی رابط کاربری UI:

امروز ما یک کنترل ساده لوازم خانگی ساختیم. از طریق Photoshop ، رابط کاربری ساده زیر را طراحی کردم:

مرحله 5: عملکرد:

هنگامی که دکمه نور را فشار می دهید ، صفحه به 2 می رود و حالت سوئیچ سه چراغ را نشان می دهد. وقتی دکمه روشن/خاموش فشرده می شود ، پورت سریال ماژول صفحه پروتکل سیگنال سوئیچ را صادر می کند. MCU خارجی می تواند داده ها را مستقیماً از طریق یک پورت سریال به ماژول صفحه ارسال کند. اجازه دهید صفحه نمایش حالت سوئیچ نور را مستقیماً نشان دهد.

مرحله 6: پروژه جدید با صفحه نمایش STONE

در وب سایت STONE ، می توانیم آخرین نسخه نرم افزار STONE TOOLS 2019 را بارگیری کنیم ، که از طریق آن می توانیم UI را طراحی کنیم:

www.stoneitech.com/support/download/software

مرحله 7: STONE TOOL یک نرم افزار طراحی GUI است

STONE TOOL یک نرم افزار طراحی رابط کاربری گرافیکی است که نیازی به نصب ندارد. پس از بارگیری ، می توان آن را مستقیماً باز و با فشرده سازی اجرا کرد. لازم به ذکر است که این نرم افزار باید به صورت سازگار در سیستم های Windows8 و Windows10 اجرا شود

مرحله 8: روی دایرکتوری "Picture" کلیک راست کرده و 0-j.webp" />

از آنجا که من از STVC050WT-01 با رزولوشن 480*272 و اندازه فضای پیش فرض فلش 128 مگابایت (قابل افزایش تا 1024 مگابایت) استفاده می کنم ، 128 مگابایت را انتخاب کرده ام.

نام پروژه و مسیر ذخیره سازی را تعیین کنید و برای تکمیل روی "OK" کلیک کنید. روی دایرکتوری "Picture" راست کلیک کرده و 0-j.webp

مرحله 9: افزودن تصویر UI در STONE TOOLS:

روی دایرکتوری "picture" راست کلیک کرده و دو UI ICONS که آماده کرده ایم را به پروژه اضافه کنید:

مرحله 10: ورد واژه را در STONE TOOLS اضافه کنید

روی "Font file" راست کلیک کرده ، Font مناسب را برای افزودن به پروژه انتخاب کنید.

در اینجا ASCII 24 را در 48 انتخاب کردم.

مرحله 11: یک دکمه اضافه کنید

ما باید یک تابع را روی دکمه "Light" در اولین رابط کاربری نرم افزار STONE TOOL تنظیم کنیم:

وقتی روی دکمه "Light" کلیک می کنیم ، به صفحه دوم می رویم.

چگونه انجامش بدهیم؟

برای ترسیم ناحیه دکمه روی نماد "Button" کلیک کنید:

مرحله 12: ویژگی های دکمه در نوار Properties در سمت راست نرم افزار STONE TOOL فهرست شده است

منطقه زرد نشان دهنده دکمه ای است که کاربر کشیده است. ویژگی های دکمه در نوار ویژگی های سمت راست نرم افزار STONE TOOL ذکر شده است:

کافی است گزینه "pageswitch" را روی 1 قرار دهید تا با فشردن دکمه به صفحه دوم بروید.

مرحله 13: "ایجاد فایل پیکربندی" در "Tool" و سپس "Virtual Serial Port Screen"

مرحله 14: سپس ما جلو می رویم و پیکان در گوشه سمت چپ بالای صفحه 2 را به یک دکمه تغییر می دهیم:

وقتی کاربر این دکمه را فشار می دهد ، به صفحه اول باز می گردد.

مرحله 15: افزودن نمایش متن

با استفاده از کنترل متغیر Text ، بعد از "light1" روی فضای سفید حلقه بزنید:

مرحله 16: سپس روی متغیر متنی که تازه اضافه شده است کلیک کنید ، و رابط ویژگی در سمت راست نرم افزار STONE TOOL ظاهر می شود و عمدتا پارامترهای زیر را تغییر می دهد:

در میان آنها ، "متغیر حافظه متغیر" به آدرس حافظه ای اشاره دارد که محتوای نمایش داده شده در آن ذخیره می شود. یک آدرس می تواند دو بایت ذخیره کند. محتوای صفحه پیش فرض ما "OFF" است که به سه بایت فضای حافظه نیاز دارد. این بدان معناست که ما "OFF" را در آدرس 0020 و 0021 ذخیره می کنیم.

مرحله 17: یک دکمه با مقدار بازگشت:

کنترلی که در بالا استفاده کردیم "Button" است. این کنترل "Button" مقداری را بر نمی گرداند ، بدین معنی که وقتی کاربر دکمه را فشار می دهد ، پورت سریال ماژول نمایش داده ها را به MCU ارسال نمی کند.

اگر کاربر دکمه را فشار داده است و می خواهد ماژول صفحه اطلاعات را به MCU بازگرداند ، می توانیم از کنترل "بازگشت فشار داده شده کلید-مقدار" استفاده کنیم:

مرحله 18: نوار ویژگی به شرح زیر تنظیم شده است:

مرحله 19: فایل طراحی UI را در ماژول نمایش بارگیری کنید

1. فلش مموری USB را به کامپیوتر وصل کنید

2. روی دکمه Download to u-disk در جعبه STONE TOOL3 کلیک کنید. فلش دیسک USB را بیرون بکشید

4. دیسک USB را در رابط USB ماژول نمایشگر وارد کرده و منتظر تکمیل ارتقا باشید. پس از اتمام ارتقاء ، صدای فوری به گوش می رسد

5. آزمایش

مرحله 20: ارتباط پورت سریال

بازده مقدار کلیدی

پس از بارگیری برنامه به ماژول صفحه نمایش ، آن را روشن کنید ، کامپیوتر را از طریق پورت سریال از طریق USB-TTL وصل کنید ، دکمه نور Light1 را فشار دهید و داده های پورت سریال را برگردانید: a55a 06 83 00 26 01 00 A8

مرحله 21: دکمه را فشار دهید تا نور خاموش شود

بازگشت داده های سریال:

A5 5A 06 83 00 26 01 00 A9

A5 5A: سرصفحه قاب 06: طول بایت دستورالعمل ، 83 00 26 01 00 A9 مجموع 6 بایت (به استثنای سرفصل قاب اطلاعات)

83: آموزش حافظه متغیر را بخوانید

00 26: آدرس ذخیره سازی متغیر

01: طول کلمه داده ،

00 A9 length طول 1 کلمه (2 بایت) 00 A9: محتوای داده های کاربر ، بسته به مجموعه کلیدها.

مرحله 22: نوشتن اطلاعات ثبت شده

این دستور 55 aa را برای آدرس 0x0020 در ناحیه ذخیره سازی داده می نویسد:

0xA5 0x5A 0x05 0x82 0x00 0x20 0x55 0xaa

از آنجا که ما آدرس ذخیره سازی صفحه نمایش متن Light1 را روی 0x0020 تنظیم کرده ایم ، نوشتن داده ها در این آدرس با استفاده از یک پورت سریال معادل تغییر محتوای کادر نمایش متن Light1 است.

مرحله 23: اطلاعات ثبت نام را بخوانید

پورت سریال دستور زیر را به ماژول نمایش می فرستد:

0xA5 0x5A 0x03 0x83 0x00 0x20 مقدار خواندن 0x0020 را نشان می دهد و در پروژه تغییر حالت سوئیچ چراغ خواندن را نشان می دهد.