წვრილმანი როგორ აჩვენოთ დრო M5StickC ESP32 Visuino– ს გამოყენებით - ადვილი გასაკეთებელია: 9 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:15

ამ გაკვეთილში ჩვენ ვისწავლით თუ როგორ უნდა დაპროგრამდეს 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. "თვისებების" ფანჯარაში აირჩიეთ "მოდულები" და დააჭირეთ "+" გასაფართოებლად, აირჩიეთ "ჩვენება ST7735" და დააჭირეთ "+" მის გასაფართოებლად
3. დააყენეთ ორიენტაცია "goRight" <ეს ნიშნავს იმას, თუ როგორ იქნება ორიენტირებული დრო LCD- ზე
4. აირჩიეთ "ელემენტები" და დააჭირეთ ლურჯ ღილაკს 3 წერტილით …
5. ელემენტები დიალოგი აჩვენებს
6. ელემენტების დიალოგში გადაიტანეთ "ტექსტური ველი" მარჯვენა მხრიდან მარცხნივ

დააწკაპუნეთ "ტექსტის ველზე 1" მარცხენა მხარეს მის შესარჩევად, შემდეგ "თვისებების ფანჯარაში" დააწკაპუნეთ ფერიზე და დააყენეთ "aclOrange"

ასევე თვისებების ფანჯრებში მითითებულია X: 10 და Y: 20 ეს არის ადგილი, სადაც გსურთ აჩვენოთ დრო LCD- ზე

-მითითებული ზომა: 3 ეს არის დროის შრიფტის ზომა

-სურვილისამებრ შეგიძლიათ დააყენოთ ტექსტის ზომა და ფერი

დახურეთ ელემენტების ფანჯარა

სურვილისამებრ:

დააწკაპუნეთ "M5 Stack Stick C" დაფაზე მის ასარჩევად

"თვისებების" ფანჯარაში აირჩიეთ "მოდულები" და დააწკაპუნეთ "+" გასაფართოებლად, აირჩიეთ "ჩვენება ST7735" და დააჭირეთ "+" მის გასაფართოებლად და ნახავთ "ფონის ფერს" ეს არის ეკრანის ნაგულისხმევი ფერი, შეცვალეთ იგი შენი საყვარელი ფერი, შენ შეგიძლია სხვაგვარად დააყენო ეკრანის სიკაშკაშე, ნაგულისხმევი არის 1 (მაქსიმუმი) შეგიძლია დააყენო 0.5 ან სხვა მნიშვნელობა რომ გახადოს უფრო დაბნელი

6. დამატება "დეკოდირების (გაყოფა) თარიღი/დრო" კომპონენტი 7. დამატება "ფორმატირებული ტექსტის" კომპონენტი

ნაბიჯი 4: Visuino Set კომპონენტებში

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: შექმენით, შეადგინეთ და ატვირთეთ არდუინოს კოდი

• Visuino– ში, ბოლოში დააწკაპუნეთ „აშენების“ჩანართზე, დარწმუნდით, რომ არჩეულია სწორი პორტი, შემდეგ დააჭირეთ ღილაკს „შედგენა/აშენება და ატვირთვა“.

ნაბიჯი 7: თამაში

თუ თქვენ ჩართავთ M5Sticks მოდულს, ეკრანი უნდა დაიწყოს დროის ჩვენება.

გილოცავთ! თქვენ დაასრულეთ თქვენი M5Sticks პროექტი Visuino– სთან ერთად. ასევე ერთვის Visuino პროექტი, რომელიც მე შევქმენი ამ Instructable– ისთვის, შეგიძლიათ გადმოწეროთ აქ.

შეგიძლიათ გადმოწეროთ და გახსნათ Visuino– ში:

ნაბიჯი 8: დამატებითი: მარტივი ხრიკი

თქვენ შეგიძლიათ გამოიყენოთ მიმდინარე დრო, რომელიც თქვენს კომპიუტერში იყო Arduino– ში კოდის შედგენის მომენტში.

ამისათვის უბრალოდ ჩამოაგდეთ "შედგენის თარიღი/დრო" კომპონენტი და შეაერთეთ იგი "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" პინთან [Set]

თქვენ შეგიძლიათ ჩამოტვირთოთ პროექტის ფაილი ამ ხრიკით აქ.

ნაბიჯი 9: შემდეგ გაკვეთილში

მომდევნო გაკვეთილში მე გაჩვენებთ თუ როგორ უნდა გააკეთოთ Cool Looking საათი, სადაც შეგიძლიათ დააყენოთ დრო StickC ღილაკების გამოყენებით! იყავით თვალყური და შეამოწმეთ ჩემი სხვა გაკვეთილები აქ.