Mục lục:

Tự làm cách hiển thị thời gian trên M5StickC ESP32 bằng Visuino - Dễ thực hiện: 9 bước
Tự làm cách hiển thị thời gian trên M5StickC ESP32 bằng Visuino - Dễ thực hiện: 9 bước

Video: Tự làm cách hiển thị thời gian trên M5StickC ESP32 bằng Visuino - Dễ thực hiện: 9 bước

Video: Tự làm cách hiển thị thời gian trên M5StickC ESP32 bằng Visuino - Dễ thực hiện: 9 bước
Video: How to setup and use ESP32 Cam with Micro USB WiFi Camera 2024, Tháng mười một
Anonim

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.

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

Những gì bạn sẽ cần
Những gì bạn sẽ cần
Những gì bạn sẽ cần
Những gì bạn sẽ cần
  1. M5StickC ESP32: bạn có thể tải nó ở đây
  2. 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 và chọn loại bảng M5 Stack Stick C
Khởi động Visuino và chọn loại bảng M5 Stack Stick C
Khởi động Visuino và chọn loại bảng M5 Stack Stick C
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ư được hiển thị trên Hình 2

Bước 3: Trong Visuino Thêm và Đặt các thành phần

Trong Visuino Thêm và Đặt các thành phần
Trong Visuino Thêm và Đặt các thành phần
Trong Visuino Thêm và Đặt các thành phần
Trong Visuino Thêm và Đặt các thành phần
Trong Visuino Thêm và Đặt các thành phần
Trong Visuino Thêm và Đặt các thành phần
Trong Visuino Thêm và Đặt các thành phần
Trong Visuino Thêm và Đặt các 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, Chọn "Hiển thị ST7735" và nhấp vào "+" để mở rộng nó
  3. Đặt Định hướng thành "goRight" <điều này có nghĩa là cách thời gian sẽ được định hướng trên màn hình LCD
  4. Chọn "Phần tử" và nhấp vào nút màu xanh lam có 3 dấu chấm…
  5. Hộp thoại Elements sẽ hiển thị
  6. 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

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 "aclOrange"

-cũng trong 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

-bộ kích thước: 3 đây là kích thước phông chữ vào thời điểm đó

-Bạn có thể đặt kích thước văn bản và màu sắc nếu bạn muốn

Đóng cửa sổ phần tử

Tùy chọn:

Nhấp vào Bảng "M5 Stack Stick C" để chọn nó

Trong cửa sổ "Thuộc tính" chọn "Mô-đun" và nhấp vào "+" để Mở rộng, Chọn "Hiển thị ST7735" và nhấp vào "+" để mở rộng và bạn sẽ thấy "Màu nền", đây là màu mặc định của màn hình, thay đổi nó thành màu sắc yêu thích của bạn, bạn có thể đặt độ sáng màn hình, mặc định là 1 (tối đa), bạn có thể đặt nó thành 0,5 hoặc một số giá trị khác để làm cho nó mờ hơn

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

Bước 4: Trong Visuino Set Components

Trong các thành phần bộ Visuino
Trong các thành phần bộ Visuino
Trong các thành phần bộ Visuino
Trong các thành phần bộ Visuino
  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

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

Trong các thành phần kết nối Visuino
Trong các thành phần kết nối Visuino
  • 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]
  • Kết nối chân thành phần "DecodeDateTime1" [Giờ] với chân thành phần "FormattedText1" "TextElement1" [Trong]
  • Kết nối chân thành phần "DecodeDateTime1" [Minute] với chân thành phần "FormattedText1" "TextElement2" [Trong]
  • Kết nối chân thành phần "DecodeDateTime1" [Thứ hai] với chân thành phần "FormattedText1" "TextElement3" [Trong]
  • 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]

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

Tạo, biên dịch và tải lên mã Arduino
Tạo, biên dịch và tải lên mã Arduino
  • 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.

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: Thêm: Thủ thuật đơn giản

Thêm: Thủ thuật đơn giản
Thêm: Thủ thuật đơn giản
Thêm: Thủ thuật đơn giản
Thêm: Thủ thuật đơn giản

Bạn có thể sử dụng thời gian hiện tại trên máy tính của mình vào thời điểm bạn biên dịch mã trong Arduino.

Để làm điều đó, chỉ cần thả thành phần "Biên dịch Ngày / Giờ" và kết nối nó với chân "M5 Stack Stick C"> "Đồng hồ báo thức thời gian thực (RTC)" [Đặt]

Bạn có thể tải xuống tệp Dự án với thủ thuật này tại đây.

Bước 9: 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 bằng cách sử dụng các nút StickC! Hãy theo dõi và xem các hướng dẫn khác của tôi tại đây.

Đề xuất: