回到首页 返回首页
回到顶部 回到顶部
返回上一页 返回上一页

【花雕学编程】Arduino动手做(238)---ESP32 CYD液晶2.8寸开发板触摸屏手指写字 简单

头像 驴友花雕 2024.11.08 13 0

0.jpg

ESP32-CYD(2432S028)液晶2.8寸屏开发板使用ESP32-WROOM-32模块作为主控,主控是一款双核MCU,集成了Wi-Fi和蓝牙功能,主频可达240MHz,具有520KB的SRAM、448KB的ROM,闪存容量为4MB+4MB,显示分辨率为240x320,采用电阻式触控式屏幕。该模块包括LCD显示器、背光控制电路、触控式屏幕控制电路、扬声器驱动电路、光敏电路和RGB LED控制电路。支持TF卡界面、序列界面、温湿度感测器界面(DHT11界面)和保留的IO口界面,该模块支持在Arduino IDE、ESP IDE、MicroPython和Mixly中进行开发。

 

00.jpg

  【Arduino】168种传感器模块系列实验(资料代码+仿真编程+图形编程)
 实验二百三十八:ESP32开发板WiFi蓝牙2.8寸240*320智能液晶显示屏带触摸屏TFT模块
 项目实验之十八:ESP32 CYD液晶2.8寸开发板触摸屏手指写字

实验开源代码

 

代码
/*
  【Arduino】168种传感器模块系列实验(资料代码+仿真编程+图形编程)
  实验二百三十八:ESP32开发板WiFi蓝牙2.8寸240*320智能液晶显示屏带触摸屏TFT模块
  项目实验之十八:ESP32 CYD液晶2.8寸开发板触摸屏手指写字
*/

#include <TFT_eSPI.h>  // 引入 TFT_eSPI 库
#include <XPT2046_Touchscreen.h>  // 引入 XPT2046 触摸屏库

const int Rotation = 0;  // 设置屏幕旋转方向
uint8_t dotsize = 8;  // 设置绘制点的大小
bool displaystartscreen = true;  // 显示初始屏幕的标志

TFT_eSPI tft = TFT_eSPI();  // 创建 TFT_eSPI 对象
SPIClass TouchSPI(VSPI);  // 创建 TouchSPI 对象,使用 VSPI 端口
XPT2046_Touchscreen ts(TOUCH_CS, TOUCH_IRQ);  // 创建 XPT2046 触摸屏对象

void setup() {
  Serial.begin(115200);  // 初始化串口通信,波特率为 115200

  pinMode(TFT_BL, OUTPUT);  // 设置背光引脚为输出模式
  digitalWrite(TFT_BL, TFT_BACKLIGHT_ON);  // 打开背光

  tft.init();  // 初始化 TFT 屏幕
  tft.setTextColor(TFT_WHITE, TFT_BLACK);  // 设置文字颜色为白色,背景为黑色
  tft.setTextSize(2);  // 设置文字大小为 2
  tft.setRotation(Rotation);  // 设置屏幕旋转方向

  tft.fillScreen(TFT_BLACK);  // 填充屏幕为黑色

  TouchSPI.begin(TOUCH_CLK, TOUCH_MISO, TOUCH_MOSI, TOUCH_CS);  // 初始化 TouchSPI
  TouchSPI.setFrequency(2500000);  // 设置 SPI 通信频率为 2500000
  ts.begin(TouchSPI);  // 初始化触摸屏,使用 TouchSPI
  ts.setRotation(Rotation);  // 设置触摸屏旋转方向

  while (!Serial && (millis() <= 1000));  // 等待串口通信准备好或超过 1 秒
}

void loop() {
  if (ts.touched())  // 如果触摸屏被触摸
  {
    if (displaystartscreen)  // 如果显示初始屏幕
    {
      tft.fillScreen(TFT_BLACK);  // 填充屏幕为黑色
      displaystartscreen = false;  // 设置显示初始屏幕标志为假
    }
    
    TS_Point p = ts.getPoint();  // 获取触摸点坐标
    
    int x = map(p.x, 437, 3710, 0, 240);  // 将触摸点 X 坐标映射到屏幕坐标
    int y = map(p.y, 371, 3753, 0, 320);  // 将触摸点 Y 坐标映射到屏幕坐标
    
    Serial.print("X: ");  // 打印 X 坐标到串口监视器
    Serial.print(x);
    Serial.print(" Y: ");  // 打印 Y 坐标到串口监视器
    Serial.println(y); 
    
    if (x < 240 && y < 320)  // 如果触摸点在屏幕范围内
    {          
      tft.fillCircle(x, y, dotsize, TFT_BLUE);  // 在触摸点绘制蓝色圆点
    }
  }
}

代码解读
1、库文件引入:

#include <TFT_eSPI.h>:引入TFT_eSPI库,这是一个专为ESP8266和ESP32等平台设计的TFT显示屏库,支持多种TFT驱动芯片。
#include <XPT2046_Touchscreen.h>:引入XPT2046触摸屏库,用于驱动XPT2046触摸屏控制器芯片。

2、全局变量定义:

const int Rotation = 0;:定义屏幕旋转方向,0表示不旋转。
uint8_t dotsize = 8;:定义绘制点的大小。
bool displaystartscreen = true;:标志位,用于控制是否显示初始屏幕。

3、TFT显示屏对象创建:

TFT_eSPI tft = TFT_eSPI();:创建TFT_eSPI对象,用于后续的显示屏操作。

4、触摸屏SPI对象创建:

SPIClass TouchSPI(VSPI);:创建一个SPI类对象,使用VSPI端口,用于触摸屏通信。

5、触摸屏对象创建:

XPT2046_Touchscreen ts(TOUCH_CS, TOUCH_IRQ);:创建XPT2046触摸屏对象,传入触摸屏的片选(CS)和中断(IRQ)引脚。

6、串口通信初始化:

Serial.begin(115200);:初始化串口通信,设置波特率为115200。

7、背光控制:

pinMode(TFT_BL, OUTPUT);:设置背光引脚为输出模式。
digitalWrite(TFT_BL, TFT_BACKLIGHT_ON);:打开背光。

8、TFT显示屏初始化:

tft.init();:初始化TFT显示屏。
tft.setRotation(Rotation);:设置屏幕旋转方向。

9、触摸屏SPI初始化:

TouchSPI.begin(TOUCH_CLK, TOUCH_MISO, TOUCH_MOSI, TOUCH_CS);:初始化TouchSPI,设置时钟、MISO、MOSI和CS引脚。
TouchSPI.setFrequency(2500000);:设置SPI通信频率。

10、触摸屏初始化:

ts.begin(TouchSPI);:初始化触摸屏,使用TouchSPI。
ts.setRotation(Rotation);:设置触摸屏旋转方向。

11、串口通信等待:

while (!Serial && (millis() <= 1000));:等待串口通信准备好或超过1秒。

12、触摸屏触摸检测:

if (ts.touched()):检查触摸屏是否被触摸。

13、触摸点坐标获取与处理:

TS_Point p = ts.getPoint();:获取触摸点坐标。
int x = map(p.x, 437, 3710, 0, 240);:将触摸点X坐标映射到屏幕坐标。
int y = map(p.y, 371, 3753, 0, 320);:将触摸点Y坐标映射到屏幕坐标。

14、触摸点绘制:

tft.fillCircle(x, y, dotsize, TFT_BLUE);:在触摸点位置绘制蓝色圆点。
这段代码提供了一个完整的示例,展示了如何使用Arduino和ESP32控制TFT显示屏和触摸屏,实现基本的触摸响应功能。通过读取触摸屏的坐标并将其映射到显示屏的坐标系中,程序能够在触摸屏上绘制相应的触摸点,同时将坐标值输出到串口监视器。

实验串口返回情况

 

03-11.jpg

实验场景图

 

03-12.jpg
03-13.jpg
03-14.jpg

评论

user-avatar
icon 他的勋章
    展开更多