การใช้งานจอ TFT Touch Screen บน ESP32 ด้วยบอร์ด LARB32

#include <TFT_eSPI.h> // ไลบรารีสำหรับจอ TFT
#include <SPI.h>

// สร้างออบเจ็กต์สำหรับจอ TFT
TFT_eSPI tft = TFT_eSPI();

// ตัวอย่างข้อมูล Bitmap (24x24 พิกเซล, monochrome)
const unsigned char bitmap_data[] = {
  0b00000000, 0b00000000, 0b00000000,
  0b00001111, 0b10000111, 0b11000000,
  0b00011111, 0b11001111, 0b11100000,
  0b00111111, 0b11111111, 0b11110000,
  0b01111111, 0b11111111, 0b11111000,
  0b01111111, 0b11111111, 0b11111000,
  0b01111111, 0b11111111, 0b11111000,
  0b00111111, 0b11111111, 0b11110000,
  0b00011111, 0b11111111, 0b11100000,
  0b00001111, 0b11111111, 0b11000000,
  0b00000111, 0b11111111, 0b10000000,
  0b00000011, 0b11111111, 0b00000000,
  0b00000001, 0b11111110, 0b00000000,
  0b00000000, 0b11111100, 0b00000000,
  0b00000000, 0b01111000, 0b00000000,
  0b00000000, 0b00110000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000,
  0b00000000, 0b00000000, 0b00000000
};


void setup() {
  tft.init();
  tft.setRotation(2); // กำหนดการหมุนของจอ
  tft.fillScreen(TFT_BLACK); // ล้างหน้าจอด้วยสีดำ

  // ตั้งค่าข้อความ
  tft.setTextColor(TFT_WHITE);
  tft.setTextSize(1);
  tft.setCursor(10, 10);
  tft.print("Hello, World!");

  tft.setTextFont(2);
  tft.setCursor(10, 30);
  tft.print("Font 2");

  tft.setFreeFont(&FreeSansBold9pt7b);
  tft.setCursor(10, 70);
  tft.print("Free Font");

  // วาดข้อความโดยใช้ drawString
  tft.drawString("drawString", 80, 30, 2);

  // วาดสี่เหลี่ยมเต็ม
  tft.fillRect(10, 80, 50, 30, TFT_RED);
  tft.setCursor(70, 90);
  tft.setTextFont(1);
  tft.print("fillRect");

  // วาดสี่เหลี่ยมเปล่า
  tft.drawRect(10, 120, 50, 30, TFT_GREEN);
  tft.setCursor(70, 130);
  tft.print("drawRect");

  // วาดสามเหลี่ยมเต็ม
  tft.fillTriangle(10, 160, 60, 160, 35, 190, TFT_BLUE);
  tft.setCursor(70, 170);
  tft.print("fillTriangle");

  // วาดสามเหลี่ยมเปล่า
  tft.drawTriangle(10, 200, 60, 200, 35, 230, TFT_YELLOW);
  tft.setCursor(70, 210);
  tft.print("drawTriangle");

  // วาดเส้นตรง
  tft.drawLine(10, 240, 60, 270, TFT_CYAN);
  tft.setCursor(70, 250);
  tft.print("drawLine");

  // วาด Bitmap
  tft.drawBitmap(30, 270, bitmap_data, 24, 24, TFT_RED);
  tft.setCursor(70, 280);
  tft.print("drawBitmap");

  // วาดพิกเซล
  tft.drawPixel(10, 300, TFT_WHITE);
  tft.setCursor(20, 300);
  tft.print("drawPixel");

  // วาดเส้นตรงแนวตั้ง
  tft.drawFastVLine(230, 10, 200, TFT_WHITE);
  tft.setCursor(150, 10);
  tft.print("drawFastVLine");

  // วาดเส้นตรงแนวนอน
  tft.drawFastHLine(100, 310, 135, TFT_WHITE);
  tft.setCursor(160, 300);
  tft.print("drawFastHLine");
}

void loop() {
  delay(3000);
  // กลับสีบนจอภาพ
  tft.invertDisplay(true);
  delay(3000);
  // ยกเลิกกลับสีบนจอภาพ
  tft.invertDisplay(false);
}

#include <TFT_eSPI.h>
#include <SPI.h>

// สร้างออบเจ็กต์สำหรับจอ TFT
TFT_eSPI tft = TFT_eSPI();

// สร้างออบเจ็กต์สำหรับปุ่ม
TFT_eSPI_Button buttonOn;
TFT_eSPI_Button buttonOff;

// กำหนดพินสำหรับหลอดไฟ
const int ledPin = 2;

void setup() {
  pinMode(ledPin, OUTPUT);
  digitalWrite(ledPin, LOW); // เริ่มต้นปิดหลอดไฟ

  tft.init();
  tft.setRotation(2);
  tft.fillScreen(TFT_BLACK);

  uint16_t calData[5];
  tft.calibrateTouch(calData, TFT_WHITE, TFT_RED, 15);
  tft.setTouch(calData);

  tft.fillScreen(TFT_BLACK);
  // กำหนดค่าเริ่มต้นสำหรับปุ่ม ON
  buttonOn.initButton(
    &tft,               // ตัวชี้ไปยังจอ TFT_eSPI
    120, 100,           // พิกัด X, Y ของศูนย์กลางปุ่ม
    100, 50,            // ความกว้างและความสูงของปุ่ม
    TFT_WHITE,          // สีของขอบปุ่ม
    TFT_GREEN,          // สีของพื้นหลังปุ่ม
    TFT_WHITE,          // สีของข้อความปุ่ม
    "ON",               // ข้อความที่จะแสดงบนปุ่ม
    2                   // ขนาดของข้อความ (setTextSize)
  );

  // กำหนดค่าเริ่มต้นสำหรับปุ่ม OFF
  buttonOff.initButton(
    &tft,               // ตัวชี้ไปยังจอ TFT_eSPI
    120, 200,           // พิกัด X, Y ของศูนย์กลางปุ่ม
    100, 50,            // ความกว้างและความสูงของปุ่ม
    TFT_WHITE,          // สีของขอบปุ่ม
    TFT_RED,            // สีของพื้นหลังปุ่ม
    TFT_WHITE,          // สีของข้อความปุ่ม
    "OFF",              // ข้อความที่จะแสดงบนปุ่ม
    2                   // ขนาดของข้อความ (setTextSize)
  );

  // กำหนดตำแหน่งและการจัดวางข้อความบนปุ่ม ON
  buttonOn.setLabelDatum(0, 0, MC_DATUM);

  // วาดปุ่ม ON บนจอ
  buttonOn.drawButton(false); // 'false' หมายถึงไม่กดปุ่ม

  // กำหนดตำแหน่งและการจัดวางข้อความบนปุ่ม OFF
  buttonOff.setLabelDatum(0, 0, MC_DATUM);

  // วาดปุ่ม OFF บนจอ
  buttonOff.drawButton(false); // 'false' หมายถึงไม่กดปุ่ม
}

void loop() {
  // รอการสัมผัส
  uint16_t x, y;
  if (tft.getTouch(&x, &y)) {
    if (buttonOn.contains(x, y)) {
      buttonOn.press(true);  // กดปุ่ม ON
    } else {
      buttonOn.press(false); // ปล่อยปุ่ม ON
    }
    if (buttonOff.contains(x, y)) {
      buttonOff.press(true);  // กดปุ่ม OFF
    } else {
      buttonOff.press(false); // ปล่อยปุ่ม OFF
    }
  } else {
    buttonOn.press(false); // ปล่อยปุ่ม ON
    buttonOff.press(false); // ปล่อยปุ่ม OFF
  }

  // วาดปุ่มใหม่เมื่อสถานะเปลี่ยนแปลง
  if (buttonOn.justPressed()) {
    buttonOn.drawButton(true);  // 'true' หมายถึงกดปุ่ม ON
    digitalWrite(ledPin, HIGH); // เปิดหลอดไฟ
  }
  if (buttonOn.justReleased()) {
    buttonOn.drawButton(false); // 'false' หมายถึงปล่อยปุ่ม ON
  }

  if (buttonOff.justPressed()) {
    buttonOff.drawButton(true);  // 'true' หมายถึงกดปุ่ม OFF
    digitalWrite(ledPin, LOW);   // ปิดหลอดไฟ
  }
  if (buttonOff.justReleased()) {
    buttonOff.drawButton(false); // 'false' หมายถึงปล่อยปุ่ม OFF
  }
}