Hướng Dẫn Kết Nối ESP32-S3 Với Màn Hình TFT 128×128( Đã thành công)

Kết nối ESP32-S3 với màn hình TFT giúp bạn dễ dàng thêm phần hiển thị trực quan cho dự án của mình. Trong hướng dẫn này, chúng ta sẽ sử dụng màn hình TFT ST7735 128×128 và từng bước thiết lập với mã mẫu để hiển thị chữ lên màn hình.

Phần Cứng Cần Chuẩn Bị

• ESP32-S3 Module: Bộ vi điều khiển mạnh mẽ với Wi-Fi và Bluetooth tích hợp.
• Màn hình TFT ST7735 128×128: Màn hình 1.44 inch sử dụng driver ST7735.
• Dây kết nối hoặc Breadboard.

Sơ Đồ Kết Nối

Kết nối ESP32-S3 với màn hình TFT như sau:

Lưu ý: Bạn có thể điều chỉnh các chân GPIO nếu sử dụng chân khác.

Mã Mẫu

Dưới đây là mã để khởi tạo màn hình, xóa nền và hiển thị chữ “Hello” ở giữa màn hình.

#include 
#include 

#define TFT_CS 5
#define TFT_DC 2
#define TFT_RST 4
#define MOSI_PIN 11
#define SCK_PIN 12

Adafruit_ST7735 tft = Adafruit_ST7735(TFT_CS, TFT_DC, MOSI_PIN, SCK_PIN, TFT_RST);

void setup() {
  Serial.begin(19200);

  // Khởi tạo màn hình cho phiên bản 128x128
  tft.initR(INITR_144GREENTAB); // Màn hình ST7735S 128x128

  // Xóa toàn màn hình với hình chữ nhật thay thế cho fillScreen()
  tft.fillScreen(ST77XX_BLACK);   // Xóa toàn màn hình

  // Đặt thuộc tính chữ và hiển thị "Hello"
  tft.setRotation(0);   // Xoay theo hướng mặc định
  tft.setTextSize(2);
  tft.setTextColor(ST77XX_WHITE);
  tft.setCursor(10, 20);
  tft.println("Hello00000000000");
}

void loop() {
  // Không có gì trong loop
}

Giải Thích Mã

1. Thư Viện: Thư viện Adafruit_GFX và Adafruit_ST7735 được sử dụng để điều khiển đồ họa và màn hình.
2. Định Nghĩa Chân: Xác định các chân CS, DC và RESET phù hợp với cấu hình của bạn.
3. Khởi Tạo Màn Hình: tft.initR(INITR_144GREENTAB) khởi tạo màn hình cho loại 128×128.
4. Thiết Lập Màn Hình: Đặt kích thước và màu sắc chữ, vị trí con trỏ, và in chữ “Hello” lên màn hình.

Mẹo Bổ Sung

• Tùy Chỉnh Văn Bản và Màu Sắc: Bạn có thể thay đổi setTextColor hoặc setTextSize để tùy chỉnh chữ hiển thị.
• Xoay Màn Hình: Sử dụng tft.setRotation() để điều chỉnh hướng hiển thị.

Với cách thiết lập này, bạn có thể dễ dàng thêm các thành phần khác hoặc thay đổi màu sắc để tạo nên một giao diện hiển thị sinh động cho dự án của mình!