DIY نحوه نمایش زمان در M5StickC ESP32 با استفاده از Visuino - انجام آسان: 9 مرحله

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

در این آموزش ما نحوه برنامه نویسی ESP32 M5Stack StickC با Arduino IDE و Visuino را برای نمایش زمان روی LCD یاد می گیریم.

مرحله 1: آنچه شما نیاز دارید

1. M5StickC ESP32: می توانید آن را از اینجا دریافت کنید
2. برنامه Visuino: Visuino را بارگیری کنید

توجه: این آموزش را در مورد نحوه نصب برد StickC ESP32 بررسی کنید

مرحله 2: Visuino را راه اندازی کنید و نوع برد M5 Stack Stick C را انتخاب کنید

Visuino را مانند تصویر اول شروع کنید روی دکمه "Tools" در جزء Arduino کلیک کنید (تصویر 1)

در Visuino هنگامی که محاوره ظاهر می شود ، "M5 Stack Stick C" را همانطور که در تصویر 2 نشان داده شده است ، انتخاب کنید

مرحله 3: در Visuino افزودن و تنظیم قطعات

1. برای انتخاب روی برد "M5 Stack Stick C" کلیک کنید
2. در پنجره "Properties" ، "Modules" را انتخاب کرده و روی "+" برای گسترش کلیک کنید ، "Display ST7735" را انتخاب کرده و "+" را برای گسترش آن کلیک کنید.
3. Orientation را روی "goRight" تنظیم کنید <این بدان معناست که چگونه زمان بر روی LCD تنظیم می شود
4. "Elements" را انتخاب کرده و روی دکمه آبی با 3 نقطه کلیک کنید…
5. Elements Dialog نشان می دهد
6. در گفتگوی عناصر ، "Text Text" را از سمت راست به چپ بکشید

روی "Text Text1" در سمت چپ کلیک کنید تا انتخاب شود ، سپس در "پنجره Properties" روی رنگ کلیک کرده و آن را روی "aclOrange" تنظیم کنید.

-همچنین در پنجره های Properties مجموعه X: 10 و Y: 20 این جایی است که می خواهید زمان را روی LCD نمایش دهید

اندازه تنظیم: 3 این اندازه فونت آن زمان است

در صورت تمایل می توانید اندازه و رنگ متن را تنظیم کنید

پنجره عناصر را ببندید

به صورت اختیاری:

برای انتخاب روی برد "M5 Stack Stick C" کلیک کنید

در پنجره "Properties" ، "Modules" را انتخاب کنید و "+" را برای گسترش انتخاب کنید ، "Display ST7735" را انتخاب کنید و "+" را برای بزرگ شدن آن کلیک کنید و "رنگ پس زمینه" را خواهید دید که این رنگ پیش فرض صفحه نمایش است ، آن را به رنگ مورد علاقه خود را می توانید روشنایی صفحه نمایش را تنظیم کنید ، به طور پیش فرض 1 (حداکثر) می توانید آن را روی 0.5 یا مقداری دیگر تنظیم کنید تا روشن تر شود

6. جزء "رمزگشایی (تقسیم) تاریخ/زمان" را اضافه کنید 7. جزء "متن قالب بندی شده" را اضافه کنید

مرحله 4: در Visuino Set Components

1. جزء "FormattedTxt1" را انتخاب کرده و در زیر "Properties" پنجره "Text" را روی:٪ 0:٪ 1:٪ 2 قرار دهید
2. روی م componentلفه "FormattedText1" دوبار کلیک کنید و در محاوره Elements 3x "Text Element" را به سمت چپ بکشید.

مرحله 5: در Visuino Connect Components

• "M5 Stack Stick C"> ساعت زنگ دار در زمان واقعی (RTC)> پین [Out] را به پین جزء "DecodeDateTime1" [In] وصل کنید
• پین جزء "DecodeDateTime1" [Hour] را به پین "TextElement1" جزء "FormattedText1" وصل کنید [In]
• پین جزء "DecodeDateTime1" [Minute] را به پین "TextElement2" جزء "FormattedText1" وصل کنید [In]
• پین جزء "DecodeDateTime1" [دوم] را به پین "TextElement3" جزء "FormattedText1" وصل کنید [In]
• پین جزء "FormattedText1" [Out] را به برد "M5 Stack Stick C" وصل کنید "Display ST7735"> "Text Field1" pin [In]

مرحله 6: کد Arduino را ایجاد ، کامپایل و بارگذاری کنید

• در Visuino ، در پایین روی برگه "Build" کلیک کنید ، مطمئن شوید که پورت صحیح انتخاب شده است ، سپس روی دکمه "Compile/Build and Upload" کلیک کنید.

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

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

تبریک می گویم! پروژه M5Sticks خود را با Visuino تکمیل کرده اید. همچنین پروژه Visuino ضمیمه شده است ، که من برای این Instructable ایجاد کردم ، می توانید آن را از اینجا بارگیری کنید.

می توانید آن را در Visuino بارگیری و باز کنید:

مرحله 8: اضافی: ترفند ساده

می توانید از زمان فعلی که در رایانه شما در لحظه تدوین کد در آردوینو استفاده کرده اید استفاده کنید.

برای انجام این کار فقط یک جزء "Compile Date/Time" را رها کرده و آن را به پین "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" وصل کنید [تنظیم]

می توانید فایل Project را با این ترفند از اینجا بارگیری کنید.

مرحله 9: در آموزش بعدی

در آموزش بعدی به شما نشان خواهم داد که چگونه می توانید یک ساعت مچی زیبا ایجاد کنید تا بتوانید با استفاده از دکمه های StickC زمان را تنظیم کنید! با ما همراه باشید و سایر آموزش های من را در اینجا ببینید.