164浏览
查看: 164|回复: 5

[项目] 【花雕学编程】Arduino动手做(238)--ESP32 CYD 触屏手指...

[复制链接]
【花雕学编程】Arduino动手做(238)--ESP32 CYD 触屏手指...图2

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中进行开发。

【花雕学编程】Arduino动手做(238)--ESP32 CYD 触屏手指...图1

驴友花雕  中级技神
 楼主|

发表于 2024-11-8 20:24:31

【花雕学编程】Arduino动手做(238)--ESP32 CYD触屏手指写字

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

实验开源代码

  1. /*
  2.   【Arduino】168种传感器模块系列实验(资料代码+仿真编程+图形编程)
  3.   实验二百三十八:ESP32开发板WiFi蓝牙2.8寸240*320智能液晶显示屏带触摸屏TFT模块
  4.   项目实验之十八:ESP32 CYD液晶2.8寸开发板触摸屏手指写字
  5. */
  6. #include <TFT_eSPI.h>  // 引入 TFT_eSPI 库
  7. #include <XPT2046_Touchscreen.h>  // 引入 XPT2046 触摸屏库
  8. const int Rotation = 0;  // 设置屏幕旋转方向
  9. uint8_t dotsize = 8;  // 设置绘制点的大小
  10. bool displaystartscreen = true;  // 显示初始屏幕的标志
  11. TFT_eSPI tft = TFT_eSPI();  // 创建 TFT_eSPI 对象
  12. SPIClass TouchSPI(VSPI);  // 创建 TouchSPI 对象,使用 VSPI 端口
  13. XPT2046_Touchscreen ts(TOUCH_CS, TOUCH_IRQ);  // 创建 XPT2046 触摸屏对象
  14. void setup() {
  15.   Serial.begin(115200);  // 初始化串口通信,波特率为 115200
  16.   pinMode(TFT_BL, OUTPUT);  // 设置背光引脚为输出模式
  17.   digitalWrite(TFT_BL, TFT_BACKLIGHT_ON);  // 打开背光
  18.   tft.init();  // 初始化 TFT 屏幕
  19.   tft.setTextColor(TFT_WHITE, TFT_BLACK);  // 设置文字颜色为白色,背景为黑色
  20.   tft.setTextSize(2);  // 设置文字大小为 2
  21.   tft.setRotation(Rotation);  // 设置屏幕旋转方向
  22.   tft.fillScreen(TFT_BLACK);  // 填充屏幕为黑色
  23.   TouchSPI.begin(TOUCH_CLK, TOUCH_MISO, TOUCH_MOSI, TOUCH_CS);  // 初始化 TouchSPI
  24.   TouchSPI.setFrequency(2500000);  // 设置 SPI 通信频率为 2500000
  25.   ts.begin(TouchSPI);  // 初始化触摸屏,使用 TouchSPI
  26.   ts.setRotation(Rotation);  // 设置触摸屏旋转方向
  27.   while (!Serial && (millis() <= 1000));  // 等待串口通信准备好或超过 1 秒
  28. }
  29. void loop() {
  30.   if (ts.touched())  // 如果触摸屏被触摸
  31.   {
  32.     if (displaystartscreen)  // 如果显示初始屏幕
  33.     {
  34.       tft.fillScreen(TFT_BLACK);  // 填充屏幕为黑色
  35.       displaystartscreen = false;  // 设置显示初始屏幕标志为假
  36.     }
  37.    
  38.     TS_Point p = ts.getPoint();  // 获取触摸点坐标
  39.    
  40.     int x = map(p.x, 437, 3710, 0, 240);  // 将触摸点 X 坐标映射到屏幕坐标
  41.     int y = map(p.y, 371, 3753, 0, 320);  // 将触摸点 Y 坐标映射到屏幕坐标
  42.    
  43.     Serial.print("X: ");  // 打印 X 坐标到串口监视器
  44.     Serial.print(x);
  45.     Serial.print(" Y: ");  // 打印 Y 坐标到串口监视器
  46.     Serial.println(y);
  47.    
  48.     if (x < 240 && y < 320)  // 如果触摸点在屏幕范围内
  49.     {         
  50.       tft.fillCircle(x, y, dotsize, TFT_BLUE);  // 在触摸点绘制蓝色圆点
  51.     }
  52.   }
  53. }
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2024-11-8 20:26:55

【花雕学编程】Arduino动手做(238)--ESP32 CYD触屏手指写字

代码解读
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显示屏和触摸屏,实现基本的触摸响应功能。通过读取触摸屏的坐标并将其映射到显示屏的坐标系中,程序能够在触摸屏上绘制相应的触摸点,同时将坐标值输出到串口监视器。

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2024-11-8 20:42:24

【花雕学编程】Arduino动手做(238)--ESP32 CYD触屏手指写字

实验串口返回情况

【花雕学编程】Arduino动手做(238)--ESP32 CYD 触屏手指...图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2024-11-8 20:44:25

【花雕学编程】Arduino动手做(238)--ESP32 CYD触屏手指写字

实验场景图

【花雕学编程】Arduino动手做(238)--ESP32 CYD 触屏手指...图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2024-11-8 20:45:45

【花雕学编程】Arduino动手做(238)--ESP32 CYD触屏手指写字

【花雕学编程】Arduino动手做(238)--ESP32 CYD 触屏手指...图1

【花雕学编程】Arduino动手做(238)--ESP32 CYD 触屏手指...图2
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail