M5StickC მაგარი საათი, მენიუთა და სიკაშკაშის კონტროლით: 8 ნაბიჯი

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

ამ გაკვეთილში ჩვენ ვისწავლით თუ როგორ უნდა დაპროგრამდეს ESP32 M5Stack StickC Arduino IDE– ით და Visuino– ით LCD ეკრანზე დროის ჩვენების მიზნით და ასევე დააყენოთ დრო და სიკაშკაშე მენიუს და StickC ღილაკების გამოყენებით.

უყურეთ სადემონსტრაციო ვიდეოს.

ნაბიჯი 1: რაც დაგჭირდებათ

M5StickC ESP32: შეგიძლიათ მიიღოთ აქ

Visuino პროგრამა: ჩამოტვირთეთ Visuino

შენიშვნა: შეამოწმეთ ეს სახელმძღვანელო აქ, თუ როგორ უნდა დააინსტალიროთ StickC ESP32 დაფა

ნაბიჯი 2: დაიწყეთ Visuino და შეარჩიეთ M5 Stack Stick C დაფის ტიპი

ვიზუინოს დაწყება, როგორც ნაჩვენებია პირველ სურათზე, დააწკაპუნეთ ღილაკზე "ინსტრუმენტები" არდუინოს კომპონენტზე (სურათი 1) ვიზუინოში, როდესაც დიალოგი გამოჩნდება, აირჩიეთ "M5 Stack Stick C" როგორც ნაჩვენებია სურათზე 2

ნაბიჯი 3: Visuino– ში დააყენეთ StickC დაფა

1. დააწკაპუნეთ "M5 Stack Stick C" დაფაზე მის ასარჩევად
2. "თვისებების" ფანჯარაში აირჩიეთ "მოდულები" და დააჭირეთ "+" გასაფართოებლად,
3. აირჩიეთ "ჩვენება ST7735" და დააჭირეთ "+" მის გასაფართოებლად,
4. დააყენეთ "ორიენტაცია" "goRight" - ზე
5. დააყენეთ "ფონის ფერი" "ClBlack"
6. აირჩიეთ "ელემენტები" და დააჭირეთ ლურჯ ღილაკს 3 წერტილით …
7. ელემენტები დიალოგი აჩვენებს
8. ელემენტების დიალოგში გადაიტანეთ 2X "ტექსტური ველი" მარჯვენა მხრიდან მარცხნივ
9. დააწკაპუნეთ "ტექსტის ველზე 1" მარცხენა მხარეს მის შესარჩევად, შემდეგ "თვისებების ფანჯარაში" დააწკაპუნეთ "ფერიზე" და დააყენეთ "aclOrange" და დააწკაპუნეთ "შეავსეთ ფერი" და დააყენეთ "aclBlack" (თქვენ შეგიძლიათ ითამაშოთ ფერებით, თუ გსურთ) -ასევე თვისებების ფანჯრებში მითითებულია X: 10 და Y: 20, ეს არის ადგილი, სადაც გსურთ აჩვენოთ დრო LCD- კომპლექტის ზომაზე: 3 (ეს არის დროის შრიფტის ზომა)
10. დააწკაპუნეთ "ტექსტის ველზე 2" მარცხენა მხარეს მის შესარჩევად, შემდეგ "თვისებების ფანჯარაში" დააწკაპუნეთ "ფერიზე" და დააყენეთ "aclAqua" და დააწკაპუნეთ "შეავსეთ ფერი" და დააყენეთ "aclBlack"

(სურვილისამებრ შეგიძლიათ ითამაშოთ ფერებით) -დააყენეთ "საწყისი მნიშვნელობა" შემდეგზე: დააყენეთ HOUR

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

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

1. დააწკაპუნეთ "M5 Stack Stick C" დაფაზე მის ასარჩევად
2. "თვისებების" ფანჯარაში აირჩიეთ "მოდულები" და დააჭირეთ "+" გასაფართოებლად,
3. აირჩიეთ "რეალურ დროში მაღვიძარის ჩვენება (RTC)" და დააჭირეთ "+" მის გასაფართოებლად,
4. აირჩიეთ "ელემენტები" და დააჭირეთ ლურჯ ღილაკს 3 წერტილით …
5. ელემენტების დიალოგში გადაიტანეთ "საათის დაყენება" მარჯვენა მხრიდან მარცხნივ და თვისებების ფანჯარაში დააყენეთ "დამატების მნიშვნელობა": ჭეშმარიტი და "მნიშვნელობა" 1:
6. ელემენტთა დიალოგში გადაათრიეთ "დააყენეთ წუთი" მარჯვენა მხრიდან მარცხნივ და თვისებების ფანჯარაში დააყენეთ "დამატების მნიშვნელობა": True და "მნიშვნელობა" 1:
7. ელემენტების დიალოგში გადაათრიეთ "დააყენე მეორე" მარჯვენა მხრიდან მარცხნივ-და თვისებების ფანჯარაში დააყენეთ "დამატება მნიშვნელობა": ჭეშმარიტი და "მნიშვნელობა" 1:

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

ნაბიჯი 4: Visuino– ში დაამატეთ კომპონენტები

1. დაამატეთ 2 -ჯერ "განმუხტვის ღილაკის" კომპონენტი
2. დაამატეთ კომპონენტი "ავტომატური გამეორების ღილაკი"
3. დაამატეთ "ტექსტური მასივის" კომპონენტი
4. დაამატეთ კომპონენტი "ანალოგური მასივი"
5. დაამატეთ 2x "Counter" კომპონენტი
6. დაამატეთ კომპონენტი "Clock Demux (Multiple Output Channel Switch)"
7. დაამატეთ კომპონენტი "გაშიფვრა (გაყოფა) თარიღი/დრო"
8. დაამატეთ "FormattedText1" კომპონენტი

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

1. აირჩიეთ "FormattedText1" კომპონენტი და "თვისებების" ფანჯარაში დააყენეთ "ტექსტი":%0:%1:%2
2. ორჯერ დააწკაპუნეთ "FormattedText1" კომპონენტზე და ელემენტების დიალოგში გადაიტანეთ 3x "ტექსტის ელემენტი" მარცხნივ
3. აირჩიეთ "TextElement1" მარცხენა მხარეს და თვისებების ფანჯარაში დააყენეთ "შეავსეთ სიმბოლო": 0 და "სიგრძე": 2
4. აირჩიეთ "TextElement2" მარცხენა მხარეს და თვისებების ფანჯარაში დააყენეთ "შეავსეთ სიმბოლო": 0 და "სიგრძე": 2
5. აირჩიეთ "TextElement3" მარცხენა მხარეს და თვისებების ფანჯარაში დააყენეთ "შეავსეთ სიმბოლო": 0 და "სიგრძე": 2
6. აირჩიეთ "ClockDemmux1" კომპონენტი და თვისებების ფანჯარაში დააყენეთ "Output Pins": 5
7. აირჩიეთ "Counter1" კომპონენტი და თვისებების ფანჯარაში გააფართოვეთ "Max" და დააყენეთ "Value": 4
8. აირჩიეთ "Counter1" კომპონენტი და თვისებების ფანჯარაში გააფართოვეთ "Min" და დააყენეთ "Value": 0
9. აირჩიეთ "Counter2" კომპონენტი და თვისებების ფანჯარაში გააფართოვეთ "Max" და დააყენეთ "Value": 6
10. აირჩიეთ "Counter2" კომპონენტი და თვისებების ფანჯარაში გააფართოვეთ "Min" და დააყენეთ "Value": 0 მენიუს შექმნა:
11. აირჩიეთ "Array1" კომპონენტი (ტექსტური მასივი) და ორჯერ დააწკაპუნეთ მასზე.-ელემენტების ფანჯარაში გადაიტანეთ 4X "მნიშვნელობა" მარცხნივ-მარცხენა მხარეს აირჩიეთ "ელემენტი [1]" და თვისებების ფანჯარაში დააყენეთ "მნიშვნელობა" to: SET HOURS- მარცხენა მხარეს აირჩიეთ "Item [2]" და თვისებების ფანჯარაში დააყენეთ "Value": SET MINUTES-მარცხენა მხარეს აირჩიეთ "Item [3]" და თვისებების ფანჯარაში დააყენეთ "Value" to: SET SECONDS- მარცხენა მხარეს აირჩიეთ "Item [4]" და თვისებების ფანჯარაში დააყენეთ "Value": SET BRIGHTNESS დახურეთ Elements ფანჯარა. სიკაშკაშის ღირებულებების დაყენება:

12. აირჩიეთ "Array2" კომპონენტი (ანალოგური მასივი) და ორჯერ დააწკაპუნეთ მასზე.-ელემენტების ფანჯარაში გადაიტანეთ 6X "მნიშვნელობა" მარცხნივ-მარცხენა მხარეს აირჩიეთ "ელემენტი [0]" და თვისებების ფანჯარაში დააყენეთ "მნიშვნელობა" to: 1

    მარცხენა მხარეს აირჩიეთ "ელემენტი [1]" და თვისებების ფანჯარაში დააყენეთ "მნიშვნელობა": 0.9

    -მარცხენა მხარეს აირჩიეთ "Item [2]" და თვისებების ფანჯარაში დააყენეთ "Value": 0.8 -მარცხენა მხარეს აირჩიეთ "Item [3]" და თვისებების ფანჯარაში დააყენეთ "Value": 0.7 -On მარცხენა მხარეს აირჩიეთ "ელემენტი [4]" და თვისებების ფანჯარაში დააყენეთ "მნიშვნელობა" 0.6-ზე-მარცხენა მხარეს აირჩიეთ "პუნქტი [5]" და თვისებების ფანჯარაში დააყენეთ "მნიშვნელობა": 0.55

ნაბიჯი 6: Visuino Connect კომპონენტებში

1. შეაერთეთ "M5 Stack Stick C" pin A (M5) "Button2" pin [In]
2. შეაერთეთ "M5 Stack Stick C" pin [B] "Button1" pin [In]
3. შეაერთეთ "Button2" pin [Out] "RepeatButton1" pin [In]
4. შეაერთეთ "RepeatButton1" pin [Out] "ClockDemmux1" pin [In]
5. შეაერთეთ "Button1" pin [Out] "Counter1" pin [In]
6. შეაერთეთ "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Out] to "DecodeDateTime1" pin [In]
7. შეაერთეთ "DecodeDateTime1" pin [Hour] "FormattedText1"> "TextElement1" pin [In]
8. შეაერთეთ "DecodeDateTime1" pin [Minute] to "FormattedText1"> "TextElement2" pin [In]
9. შეაერთეთ "DecodeDateTime1" pin [მეორე] "FormattedText1"> "TextElement3" pin [In]
10. შეაერთეთ "FormattedText1" pin [Out] "M5 Stack Stick C" დაფაზე> "Display ST7735"> "Text Field1" pin [In]
11. შეაერთეთ "Counter1" pin [Out] "ClockDemmux1" pin [Select] და "Array1" pin [Index]
12. შეაერთეთ "Counter2" pin [Out] "Array2" pin [Index]
13. შეაერთეთ "Array1" პინი [Out] "M5 Stack Stick C" დაფაზე> "Display ST7735"> "Text Field2" pin [In]
14. შეაერთეთ "Array2" pin [Out] "M5 Stack Stick C" დაფაზე> "Display ST7735"> pin [Brightness]
15. შეაერთეთ "ClockDemmux1" პინი [1] "M5 Stack Stick C" დაფაზე> "Real Time მაღვიძარა (RTC)"> "Set Hour1" pin [საათი]
16. შეაერთეთ "ClockDemmux1" pin [2] "M5 Stack Stick C" დაფაზე> "Real Time მაღვიძარა (RTC)"> "Set Minute1" pin [საათი]
17. შეაერთეთ "ClockDemmux1" პინი [3] "M5 Stack Stick C" დაფაზე> "Real Time მაღვიძარა (RTC)"> "Set Second1" pin [საათი]
18. შეაერთეთ "ClockDemmux1" pin [4] "Counter2" pin [In]

ნაბიჯი 7: შექმენით, შეადგინეთ და ატვირთეთ არდუინოს კოდი

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

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

თუ თქვენ ჩართავთ M5Sticks მოდულს, ეკრანი უნდა დაიწყოს დროის ჩვენება. თქვენ შეგიძლიათ შეცვალოთ დრო და სიკაშკაშე ღილაკების "B" გამოყენებით მენიუს ჩვენებისათვის და გადართვა (Set საათი, წუთის დაყენება, წამების დაყენება, სიკაშკაშის დაყენება) და მის დასაყენებლად გამოიყენეთ ღილაკი "M5".

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