M5StickC ساعت مچی زیبا با منو و کنترل روشنایی: 8 مرحله

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

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

یک فیلم تظاهرات تماشا کنید.

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

M5StickC ESP32: می توانید آن را از اینجا دریافت کنید

برنامه Visuino: Visuino را بارگیری کنید

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

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

Visuino را مانند تصویر اول شروع کنید روی دکمه "Tools" در جزء Arduino (تصویر 1) در Visuino کلیک کنید. هنگامی که محاوره ظاهر می شود ، "M5 Stack Stick C" را همانطور که در تصویر 2 نشان داده شده است ، انتخاب کنید.

مرحله 3: در Visuino تخته StickC را تنظیم کنید

1. برای انتخاب روی برد "M5 Stack Stick C" کلیک کنید
2. در پنجره "Properties" ، "Modules" را انتخاب کرده و روی "+" برای گسترش کلیک کنید ،
3. "Display ST7735" را انتخاب کرده و روی "+" کلیک کنید تا بزرگ شود ،
4. "Orientation" را روی "goRight" تنظیم کنید
5. "رنگ پس زمینه" را روی "ClBlack" تنظیم کنید
6. "Elements" را انتخاب کرده و روی دکمه آبی با 3 نقطه کلیک کنید…
7. Elements Dialog نشان می دهد
8. در "Elements Dialog" 2X "Text Text" را از سمت راست به چپ بکشید
9. روی "Text Text1" در سمت چپ کلیک کنید تا آن را انتخاب کنید ، سپس در "Properties window" روی "Color" کلیک کنید و آن را روی "aclOrange" تنظیم کنید و روی "Fill Color" کلیک کرده و آن را روی "aclBlack" (شما در صورت تمایل می توانید با رنگ ها بازی کنید) -همچنین در پنجره های تنظیمات X: 10 و Y: 20 این جایی است که می خواهید زمان را روی اندازه LCD تنظیم کنید: 3 (این اندازه فونت آن زمان است)
10. روی "Text Field2" در سمت چپ کلیک کنید تا انتخاب شود ، سپس در "پنجره Properties" روی "Color" کلیک کنید و آن را روی "aclAqua" تنظیم کنید و روی "Fill Color" کلیک کرده و آن را روی "aclBlack" تنظیم کنید.

(در صورت تمایل می توانید با رنگ ها بازی کنید) -"مقدار اولیه" را روی: تنظیم HOUR تنظیم کنید

-همچنین در پنجره های Properties مجموعه X: 10 و Y: 2 این جایی است که می خواهید منو را روی LCD نمایش دهید -اندازه تنظیم: 1 (این اندازه فونت منو است)

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

1. برای انتخاب روی برد "M5 Stack Stick C" کلیک کنید
2. در پنجره "Properties" ، "Modules" را انتخاب کرده و برای گسترش "+" را کلیک کنید ،
3. "Display Real Time Alarm Clock (RTC)" را انتخاب کرده و روی "+" کلیک کنید تا آن را گسترش دهید ،
4. "Elements" را انتخاب کرده و روی دکمه آبی با 3 نقطه کلیک کنید…
5. در "Elements Dialog" "Set Hour" را از سمت راست به چپ بکشید و در پنجره Properties "Add Value" را به: True و "Value" را به: 1 تنظیم کنید.
6. در "Elements Dialog" "تنظیم دقیقه" را از سمت راست به چپ بکشید و در پنجره Properties "افزودن ارزش" را به: True و "ارزش" را به: 1 تنظیم کنید.
7. در "Elements Dialog" "Set Second" را از سمت راست به چپ بکشید و در پنجره Properties "Add Value" را به: True و "Value" را به: 1 تنظیم کنید.

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

مرحله 4: در Visuino قطعات را اضافه کنید

1. 2 برابر جزء "Debounce Button" را اضافه کنید
2. جزء "دکمه تکرار خودکار" را اضافه کنید
3. جزء "Text Array" را اضافه کنید
4. جزء "Analog Array" را اضافه کنید
5. 2 برابر جزء "شمارنده" را اضافه کنید
6. جزء "Clock Demux (سوئیچ کانال خروجی چندگانه)" را اضافه کنید
7. جزء "رمزگشایی (تقسیم) تاریخ/زمان" را اضافه کنید
8. جزء "FormattedText1" را اضافه کنید

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

1. م componentلفه "FormattedText1" را انتخاب کرده و در زیر "Properties" پنجره "Text" را روی:٪ 0:٪ 1:٪ 2 تنظیم کنید
2. روی م componentلفه "FormattedText1" دوبار کلیک کنید و در محاوره Elements 3x "Text Element" را به سمت چپ بکشید.
3. "TextElement1" را در سمت چپ انتخاب کنید و در پنجره Properties "Fill Character" را روی: 0 و "Length" را به: 2 تنظیم کنید.
4. "TextElement2" را در سمت چپ انتخاب کنید و در پنجره Properties "Fill Character" را روی: 0 و "Length" را به: 2 تنظیم کنید.
5. "TextElement3" را در سمت چپ انتخاب کرده و در پنجره Properties "Fill Character" را روی: 0 و "Length" را به: 2 تنظیم کنید.
6. جزء "ClockDemmux1" را انتخاب کرده و در پنجره Properties "Output Pins" را روی: 5 تنظیم کنید
7. جزء "Counter1" را انتخاب کرده و در پنجره Properties "Max" را گسترش دهید و "Value" را روی: 4 تنظیم کنید
8. جزء "Counter1" را انتخاب کرده و در پنجره Properties "Min" را گسترش دهید و "Value" را روی: 0 تنظیم کنید
9. جزء "Counter2" را انتخاب کرده و در پنجره Properties "Max" را گسترش دهید و "Value" را روی: 6 تنظیم کنید
10. م "لفه "Counter2" را انتخاب کرده و در پنجره Properties "Min" را گسترش دهید و "Value" را روی: 0BILDING THE MENU تنظیم کنید:
11. "Array1" جزء (Text Array) را انتخاب کرده و روی آن دوبار کلیک کنید. به: SET HOURS-در سمت چپ "Item [2]" را انتخاب کنید و در پنجره Properties "Value" را روی: SET MINUTES تنظیم کنید-در سمت چپ "Item [3]" و در پنجره Properties "Value" را تنظیم کنید. به: SET SECONDS-در سمت چپ "Item [4]" را انتخاب کنید و در پنجره Properties "Value" را روی: SET BRIGHTNESS تنظیم کنید پنجره Elements را ببندید. تنظیم مقادیر روشنایی:

12. م "لفه "Array2" (Analog Array) را انتخاب کرده و روی آن دوبار کلیک کنید. به: 1

    در سمت چپ "Item [1]" را انتخاب کرده و در پنجره Properties "Value" را روی: 0.9 تنظیم کنید.

    -در سمت چپ "Item [2]" و در پنجره Properties "Value" را روی: 0.8 تنظیم کنید. در سمت چپ "Item [3]" و در پنجره Properties "Value" را روی: 0.7 -On تنظیم کنید. در سمت چپ "Item [4]" را انتخاب کرده و در پنجره Properties "Value" را روی: 0.6 تنظیم کنید. در سمت چپ "Item [5]" و در پنجره Properties "Value" را روی: 0.55 تنظیم کنید.

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

1. پین A (M5) Stack Stick C (M5) را به پین "Button2" وصل کنید [In]
2. پین "M5 Stack Stick C" [B] را به پین "Button1" [در] وصل کنید
3. پین "Button2" [Out] را به پین "RepeatButton1" وصل کنید [In]
4. پین "RepeatButton1" [Out] را به پین "ClockDemmux1" وصل کنید [In]
5. پین "Button1" [Out] را به پین "Counter1" وصل کنید [In]
6. پین "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Out] را به پین "DecodeDateTime1" [In] وصل کنید
7. پین "DecodeDateTime1" [Hour] را به پین "FormattedText1"> "TextElement1" وصل کنید [In]
8. پین "DecodeDateTime1" [دقیقه] را به پین "FormattedText1"> "TextElement2" وصل کنید [In]
9. پین "DecodeDateTime1" [دوم] را به پین "FormattedText1"> "TextElement3" وصل کنید [In]
10. پین "FormattedText1" [Out] را به برد "M5 Stack Stick C"> "Display ST7735"> "Text Field1" pin [In] وصل کنید
11. پین "Counter1" [Out] را به پین "ClockDemmux1" [انتخاب] و به پین "Array1" [Index] وصل کنید
12. پین "Counter2" [Out] را به پین "Array2" وصل کنید [فهرست]
13. پین "Array1" [Out] را به برد "M5 Stack Stick C"> "Display ST7735"> "Text Field2" pin [In] وصل کنید
14. پین "Array2" [Out] را به برد "M5 Stack Stick C"> "Display ST7735"> پین [Brightness] وصل کنید
15. پین "ClockDemmux1" [1] را به برد "M5 Stack Stick C"> "ساعت زنگ دار در زمان واقعی (RTC)"> پین "تنظیم ساعت 1" وصل کنید [ساعت]
16. پین "ClockDemmux1" [2] را به برد "M5 Stack Stick C"> "ساعت زنگ دار زمان واقعی (RTC)"> پین "تنظیم دقیقه 1" وصل کنید [ساعت]
17. پین "ClockDemmux1" [3] را به برد "M5 Stack Stick C"> "ساعت زنگ دار زمان واقعی (RTC)"> "تنظیم Second1" پین [ساعت] وصل کنید
18. پین "ClockDemmux1" [4] را به پین "Counter2" وصل کنید [در]

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

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

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

اگر ماژول M5Sticks را تغذیه کنید ، صفحه نمایش باید زمان را نشان دهد. می توانید زمان و روشنایی را با استفاده از دکمه های "B" برای نمایش منو و تغییر بین (تنظیم ساعت ، تنظیم دقیقه ، تنظیم ثانیه ، تنظیم روشنایی) تغییر دهید و از دکمه "M5" برای تنظیم آن استفاده کنید.

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