DIY Ինչպես ցուցադրել ժամանակը M5StickC ESP32- ում Visuino- ի միջոցով - հեշտ է անել. 9 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:45

Այս ձեռնարկում մենք կսովորենք, թե ինչպես ծրագրավորել ESP32 M5Stack StickC- ն Arduino IDE- ով և Visuino- ով ՝ LCD- ում ժամանակը ցուցադրելու համար:

Քայլ 1: Այն, ինչ ձեզ հարկավոր կլինի

1. M5StickC ESP32. Դուք կարող եք այն ստանալ այստեղ
2. Visuino ծրագիրը. Ներբեռնեք Visuino- ն

Նշում. Ստուգեք այս ձեռնարկը այստեղ, թե ինչպես տեղադրել StickC ESP32 տախտակը

Քայլ 2. Սկսեք Visuino- ն և ընտրեք M5 Stack Stick C տախտակի տեսակը

Սկսեք Visuino- ն, ինչպես ցույց է տրված առաջին նկարում, կտտացրեք Arduino բաղադրիչի «Գործիքներ» կոճակին (նկար 1)

Visuino- ում Երբ երկխոսությունը հայտնվում է, ընտրեք «M5 Stack Stick C», ինչպես ցույց է տրված Նկար 2 -ում

Քայլ 3. Visuino- ում Ավելացրեք և սահմանեք բաղադրիչներ

1. Կտտացրեք «M5 Stack Stick C» տախտակին ՝ այն ընտրելու համար
2. «Հատկություններ» պատուհանում ընտրեք «Մոդուլներ» և կտտացրեք «+» ՝ ընդլայնելու համար, ընտրեք «Displayուցադրել ST7735» և կտտացրեք «+» ՝ այն ընդլայնելու համար:
3. Orientation- ը սահմանել «goRight» <սա նշանակում է, թե ինչպես ժամանակը կկողմնորոշվի LCD- ում
4. Ընտրեք «Տարրեր» և կտտացրեք կապույտ կոճակին ՝ 3 կետով…
5. Elements Dialog- ը ցույց կտա
6. Elements Dialog- ում «Տեքստային դաշտ» քաշեք աջից ձախ

Կտտացրեք ձախ կողմում գտնվող «Տեքստային դաշտ 1» ՝ այն ընտրելու համար, այնուհետև «Հատկությունների պատուհանում» կտտացրեք գույնի վրա և դրեք «aclOrange»

-նաև հատկությունների պատուհաններում սահմանեք X: 10 և Y: 20 սա այն վայրն է, որտեղ ցանկանում եք ցուցադրել ժամանակը LCD- ում

-սահմանել չափը `3 սա ժամանակի տառատեսակի չափն է

-Եթե ցանկանում եք, կարող եք սահմանել տեքստի չափը և գույնը

Փակեք տարրերի պատուհանը

Ընտրովի ՝

Կտտացրեք «M5 Stack Stick C» տախտակին ՝ այն ընտրելու համար

«Հատկություններ» պատուհանում ընտրեք «Մոդուլներ» և կտտացրեք «+» ՝ ընդլայնելու համար, ընտրեք «Displayուցադրել ST7735» և կտտացրեք «+» ՝ այն ընդլայնելու համար և կտեսնեք «Ֆոնի գույնը», սա էկրանի կանխադրված գույնն է, փոխեք այն Ձեր նախընտրած գույնը, կարող եք նաև սահմանել էկրանի պայծառությունը, կանխադրվածը 1 է (առավելագույնը) կարող եք այն սահմանել 0.5 կամ այլ արժեք `այն ավելի մռայլ դարձնելու համար

6. Ավելացնել «Decode (Split) Date/Time» բաղադրիչ 7. Ավելացնել «Formatted text» բաղադրիչ

Քայլ 4. Visuino Set Components- ում

1. Ընտրեք «FormattedTxt1» բաղադրիչը և «Հատկություններ» պատուհանի ներքո «Տեքստ» -ը դարձրեք ՝%0:%1:%2
2. Կրկնակի կտտացրեք «FormattedText1» բաղադրիչի վրա և «Տարրեր» երկխոսության մեջ ձախից քաշեք 3x «Տեքստային տարր»

Քայլ 5. Visuino Connect բաղադրիչներում

• Միացրեք "M5 Stack Stick C"> Իրական ժամանակի զարթուցիչ (RTC)> Pin [Out] դեպի "DecodeDateTime1" բաղադրիչի քորոց [In]
• Միացրեք «DecodeDateTime1» բաղադրիչի քորոցը ամը] «FormattedText1» բաղադրիչի «TextElement1» քորոցին [In]
• Միացրեք «DecodeDateTime1» բաղադրիչի քորոցը [րոպե] «FormattedText1» բաղադրիչի «TextElement2» քորոցին [In]
• Միացրեք «DecodeDateTime1» բաղադրիչի քորոցը [Երկրորդ] «FormattedText1» բաղադրիչի «TextElement3» քորոցին [In]
• Միացրեք «FormattedText1» բաղադրիչի քորոցը [Out] «M5 Stack Stick C» տախտակին «Display ST7735»> «Text Text1» pin [In]

Քայլ 6. Ստեղծեք, կազմեք և վերբեռնեք Arduino ծածկագիրը

• Visuino- ում, ներքևում կտտացրեք «Կառուցել» ներդիրին, համոզվեք, որ ընտրված է ճիշտ նավահանգիստը, այնուհետև կտտացրեք «Կազմել/կառուցել և վերբեռնել» կոճակին:

Քայլ 7: Խաղալ

Եթե դուք սնուցում եք M5Sticks մոդուլը, էկրանը պետք է սկսի ցույց տալ ժամանակը:

Շնորհավորում եմ: Դուք ավարտել եք ձեր M5Sticks նախագիծը Visuino- ի հետ: Կցված է նաև Visuino նախագիծը, որը ես ստեղծել եմ այս Instructable- ի համար, կարող եք ներբեռնել այստեղ:

Դուք կարող եք ներբեռնել և բացել այն Visuino- ում ՝

Քայլ 8. Լրացուցիչ. Պարզ հնարք

Դուք կարող եք օգտագործել ընթացիկ ժամանակը, որը եղել է ձեր համակարգչում Arduino- ում կոդը կազմելու պահին:

Դա անելու համար պարզապես թողեք «Կազմել ամսաթիվ/ժամ» բաղադրիչը և միացրեք այն «M5 Stack Stick C»> «Իրական ժամանակի զարթուցիչ (RTC)» քորոցին [Set]

Այս հնարքով fileրագրի ֆայլը կարող եք ներբեռնել այստեղ:

Քայլ 9: Հաջորդ ձեռնարկում

Հաջորդ ձեռնարկում ես ձեզ ցույց կտամ, թե ինչպես պատրաստել Cool Looking ժամացույց, որտեղ կարող եք ժամանակ սահմանել StickC կոճակների միջոցով: Շարունակեք հետևել և իմ մյուս ձեռնարկները դիտեք այստեղ: