Tự làm cách tạo một chiếc đồng hồ đẹp mắt - StickC - Dễ thực hiện: 8 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:30

Trong hướng dẫn này, chúng ta sẽ học cách lập trình ESP32 M5Stack StickC với Arduino IDE và Visuino để hiển thị thời gian trên màn hình LCD và cũng có thể đặt thời gian bằng các nút StickC.

Bước 1: Những gì bạn sẽ cần

M5StickC ESP32: bạn có thể tải nó ở đây

Chương trình Visuino: Tải xuống Visuino

Lưu ý: Kiểm tra hướng dẫn này ở đây về cách cài đặt bảng StickC ESP32

Bước 2: Khởi động Visuino và chọn loại bảng M5 Stack Stick C

Khởi động Visuino như trong hình đầu tiên Nhấp vào nút "Công cụ" trên thành phần Arduino (Hình 1) trong Visuino Khi hộp thoại xuất hiện, chọn "M5 Stack Stick C" như hiển thị trên Hình 2

Bước 3: Trong Visuino Thêm thành phần

1. Nhấp vào Bảng "M5 Stack Stick C" để chọn nó
2. Trong cửa sổ "Thuộc tính", chọn "Mô-đun" và nhấp vào "+" để Mở rộng,
3. Chọn "Display ST7735" và nhấp vào "+" để mở rộng nó,
4. Đặt "Định hướng" thành "goRight"
5. Đặt "Màu nền" thành "ClBlack"
6. Chọn "Phần tử" và nhấp vào nút màu xanh lam có 3 dấu chấm…
7. Hộp thoại Elements sẽ hiển thị
8. Trong Hộp thoại Thành phần, kéo "Trường Văn bản" từ bên phải sang bên trái

9. Nhấp vào "Trường Văn bản1" ở phía bên trái để chọn nó, sau đó trong "Cửa sổ thuộc tính" nhấp vào "Màu" và đặt nó thành "aclWhite" và nhấp vào "Tô màu" và đặt nó thành "aclBlack" (Bạn có thể chơi với các màu nếu bạn muốn)

   -cũng trong các cửa sổ thuộc tính, đặt X: 10 và Y: 20, đây là nơi bạn muốn hiển thị thời gian trên màn hình LCD - kích thước thiết lập: 3 (đây là kích thước phông chữ của thời gian) Đóng cửa sổ phần tử

10. Thêm thành phần "Giải mã (Phân tách) Ngày / Giờ"
11. Thêm thành phần "Văn bản được định dạng"

Bước 4: Trong Visuino Set Components

1. Chọn thành phần "FormattedTxt1" và trong cửa sổ "Thuộc tính", đặt "Văn bản" thành:% 0:% 1:% 2
2. Nhấp đúp vào thành phần "FormattedText1" và trong hộp thoại Elements, kéo 3 lần "Phần tử văn bản" sang trái
3. Chọn bảng "M5 Stack Stick C" và trong cửa sổ "Thuộc tính", chọn "Mô-đun"> "Đồng hồ báo thức thời gian thực (RTC)"> "Phần tử"
4. Nhấp vào nút màu xanh lam có 3 dấu chấm và trong hộp thoại Thành phần, kéo "Đặt giờ", "Đặt phút" và "Đặt thứ hai" sang phía bên trái
5. Chọn ở bên trái phần tử "Đặt Giờ 1" và trong cửa sổ "Thuộc tính", đặt "Thêm giá trị" thành "Đúng" và "Giá trị" thành "1"
6. Chọn ở bên trái phần tử "Đặt phút1" và trong cửa sổ "Thuộc tính", đặt "Thêm giá trị" thành "Đúng" và "Giá trị" thành "1"
7. Chọn ở bên trái phần tử "Đặt thứ hai1" và trong cửa sổ "Thuộc tính", đặt "Thêm giá trị" thành "Đúng" và "Giá trị" thành "1"

Giải trình:

"Giá trị" có nghĩa là chúng tôi muốn thêm bao nhiêu với mỗi lần nhấp vào nút vào thời gian hiện tại (giờ, phút hoặc giây). "Thêm giá trị" có nghĩa là chúng tôi muốn thêm giá trị vào thời gian hiện tại

Bước 5: Trong các thành phần kết nối Visuino

1. Kết nối "M5 Stack Stick C"> Đồng hồ báo thức thời gian thực (RTC)> Pin [Out] với chân thành phần "DecodeDateTime1" [In]
2. Kết nối chân thành phần "DecodeDateTime1" [Giờ] với chân thành phần "FormattedText1" "TextElement1" [Trong]
3. Kết nối chân thành phần "DecodeDateTime1" [Minute] với chân thành phần "FormattedText1" "TextElement2" [Trong]
4. Kết nối chân thành phần "DecodeDateTime1" [Thứ hai] với chân thành phần "FormattedText1" "TextElement3" [Trong]
5. Kết nối chân thành phần "FormattedText1" [Out] với bảng "M5 Stack Stick C" "Display ST7735"> chân "Text Field1" [In]
6. Kết nối "M5 Stack Stick C"> Nút "A (M5)" với "M5 Stack Stick C"> Đồng hồ báo thức thời gian thực (RTC)> Pin "Đặt giờ 1" [Đồng hồ]
7. Kết nối "M5 Stack Stick C"> Nút "B" với "M5 Stack Stick C"> Đồng hồ báo thức thời gian thực (RTC)> Pin "Đặt phút1" [Đồng hồ]

Bước 6: Tạo, biên dịch và tải lên mã Arduino

1. Trong Visuino, ở dưới cùng nhấp vào Tab "Xây dựng", đảm bảo rằng cổng chính xác được chọn, sau đó nhấp vào nút "Biên dịch / Xây dựng và Tải lên".

Bước 7: Chơi

Nếu bạn cấp nguồn cho mô-đun M5Sticks, màn hình sẽ bắt đầu hiển thị thời gian. Bạn có thể thay đổi thời gian bằng các nút "M5" cho Giờ và "B" cho Phút

Xin chúc mừng! Bạn đã hoàn thành dự án M5Sticks của mình với Visuino. Ngoài ra đính kèm là dự án Visuino, mà tôi đã tạo cho Có thể hướng dẫn này, bạn có thể tải xuống tại đây.

Bạn có thể tải xuống và mở nó trong Visuino:

Bước 8: Trong Hướng dẫn tiếp theo.

Trong hướng dẫn tiếp theo, tôi sẽ chỉ cho bạn cách tạo một chiếc đồng hồ Cool Look nơi bạn có thể đặt thời gian (giờ, phút và giây) bằng cách sử dụng các nút StickC và tạo một menu đơn giản! Hãy theo dõi và xem các hướng dẫn khác của tôi tại đây.