基于arduino的ESP32 学习笔记（二） TFT_eSPI和LVGL库使用笔记

最新推荐文章于 2025-03-03 12:08:40 发布
最新推荐文章于 2025-03-03 12:08:40 发布
阅读量1w 收藏 137
点赞数 15
分类专栏： ESP32 文章标签： arduino
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42487906/article/details/119765038
版权

前言

本文的目的是为了给将要制作的ESP32手环做技术储备

记录基于arduino的ESP32驱动TFT-LCD屏幕的配置过程，并且进一步使用LVGL这个GUI框架

硬件准备

  • ST7789 240x240 1.3寸 SPI接口LCD屏 16位色深RGB565

  • ESP-WROOM-32E开发板

  • ESP32的数据手册链接 https://download.csdn.net/download/weixin_42487906/21119656

软件准备

  • Arduino 1.8.9

相关链接

LVGL移植到arduino的官方文档 https://docs.lvgl.io/7.11/get-started/arduino.html#get-the-lvgl-ardunio-library

TFT_eSPI github仓库 https://github.com/Bodmer/TFT_eSPI

相关博客 https://blog.csdn.net/weixin_44007534/article/details/113653031?spm=1001.2014.3001.5501

LVGL移植到arduino的官方文档里提到LVGL在arduino运行是基于TFT_eSPI库，所以我们先配置TFT_eSPI库

TFT_eSPI库配置

在库管理器下载TFT_eSPI库

安装好后不能直接用，需要针对自己使用的LCD来完成配置

安装好的库通常在 C:\Users\Alpha\Documents\Arduino\libraries Alpha是我的用户名

进入TFT_eSPI库文件夹，打开User_Setup_select.h

在这里插入图片描述

注释掉User_Setup.h头文件，同时找到适合自己屏幕的头文件，解开他的注释

image-20210817155132689

最终效果如下

//#include <User_Setup.h>           // Default setup is root library folder
#include <User_Setups/Setup24_ST7789.h>            // Setup file configured for ST7789 240 x 240

然后还要进到Setup24_ST7789.h，完成引脚更改。根据开发板的数据手册，MOSI设置为IO23引脚，也就是VSPID，SCLK设置为IO18引脚，也就是VSPICLK，其他脚接到一般的IO上就行，记得RST引脚一定记得接到板子的引脚上不能省，LCD的BLK背光控制引脚可以不用接悬空。剩下一些字库的配置暂时不管
在这里插入图片描述

完成硬件上的接线，除了MOSI,SCLK,DC,RST外还要接VCC,GND总共6条线

然后在tft_espi的示例代码中找到boing_ball示例程序，别的示例程序也可以，来做个测试，这个程序虽然是320*240的但是也能在我们的屏幕上用，编译下载观察现象

在这里插入图片描述

可以看到屏幕正常显示

LVGL库配置

在库管理器中安装lvgl和lv_examples,保险起见我安装的是7.6.0版本

在这里插入图片描述

下面根据，LVGL移植到arduino的官方文档完成配置

步骤一

下图，官方文档让我们进到库所在文件夹里，把lv_conf_template.h从lvgl文件夹里拿出来放到与lvgl同级的文件夹里，并改名为lv_conf.h

在这里插入图片描述

在这里插入图片描述

最终的效果如下图

打开lv_conf.h,将LV_TICK_CUSTOM设为1

最低0.47元/天 解锁文章
ESP32 Arduino 学习篇（五）TFT_eSPI库
DOF526570的博客
02-04 1万+
该库有User_Setup.h和 User_Setup_Select.h两个配置文件，支持 ①自定义参数或 ②使用已有配置 驱动TFT屏幕。优点是: 1. 占用空间非常小 2. 动画清晰,充分利用每个像素点 3. 可以非常灵动. 4. 方便进行微调。首先在Libraries里面搜索安装TFT_eSPI库到你的工程文件里面。初始化屏幕, 如果是ST7735,可以往里面传一个参数, 具体用到时再看。缺点是: 1. 容易闪屏 2. 一般不会太复杂 3.需要大量的计算。特别注意: 字库7是仿7段数码屏的样式。
arduino-esp32：基于TFT-eSPI库实现触摸显示屏
热门推荐
unclejin_的博客
01-27 1万+
概述 在arduino的IDE上已经搭建好了ESP32环境的话，写写小应用的话还是很简单的，毕竟有这么多优秀的库。 之前用自己买的TFT屏试了一下TFT-eSPI库的驱动效果，显示效果挺好的，但是触摸一直没用上。最近有空了弄了一下。 我的屏幕是2.2寸/2.4/2.8/3.2/3.5/4.0寸TFT触摸彩色SPI串口液晶屏显示模块，这个3.5寸的。 接口长这样： 显示流程 下载TFT-eSPI库。直接到arduino的库管理器里下： 或者去github上把源代码下载下来，然后解压到上一篇中说的ske
Arduino 玩转 TFT_eSPI：驱动 ST7789 显示屏
最新发布
zxfeng的博客
03-03 1541
在本篇博客中，我们将尝试如何基于RP2040 Game Kit开发板，在Arduino平台上使用TFT_eSPI库，成功驱动ST7789显示屏。
TFT_eSPI：兼容Arduino和PlatformIO IDE的TFT库，针对支持不同驱动器芯片的STM32，ESP8266和ESP32优化
01-28
已为问答等添加了新的工具。仅对库中的问题使用选项卡。 谢谢！ 新闻 现在可以将视口应用于子画面，例如spr.setViewport（5，5，20，20）; 因此可以将图形限制在子画面的特定区域。 此操作与TFT视口相同，请参见下面的2.。 该库现在提供“视口”功能。 请参见“ Viewport_Demo”和“ Viewport_graphicstest”示例。 定义视口后，图形只会出现在该窗口内。 默认情况下，坐标基准移动到视口的左上角，但可以选择保留在TFT的左上角。 GUIslice库将利用此功能来加速GUI对象的呈现（ ）。 该库现在支持基于SSD1963的屏幕，该屏幕已在带有ESP32的进行了测试。 该接口是8位并行的，仅是因为该控制器不支持SPI接口。 已创建一个配套库以允许U8g2库字体与TFT_eSPI一起使用。 该库现在支持ESP32和STM32处理器的SPI DMA传输。 DMA测试示例现在可以在SPI显示器的ESP32上运行（不包括RPi类型和ILI9488）。 为STM32处理器添加了一个新选项，以优化性能，其中端口A（或B）引脚0-7用于TFT的8位并
VSCode+Platfrom io 环境下ESP32配置TFT_eSPI和lvgl驱动1.3寸TFT屏幕
want_together的博客
01-05 2565
本文是在学习lvgl前需要移植TFT_eSPI，用来当作笔记，复习查阅方便，如有侵权，联系删除。另外本人也是初学者，有很多理解不透彻的或者错误的理解，希望大家多多批评指针，一起进步。
Arduino之TFT_eSPI驱动彩色LCD屏
保持热爱，奔赴山海。
08-15 6212
1.先下载processing软件，进行解压2.使用UTF8字体生成软件进行取模之后点击生成.h即可。
Arduino开发-TFT_eSPI库学习
u014421313的博客
07-26 4660
tft
TFT_eSPI.zip_ARDUINO esp32_ESP8266 TFT_S6D02A1_esp32_esp32 spi
09-24
An Arduino IDE compatible graphics and fonts library for ESP8266 and ESP32 processors with a driver for ILI9341, ILI9163, ST7735 and S6D02A1 based TFT displays that support SPI.
TFT_ESP的arduino库可用
10-07
TFT_ESP库，全称为TFT_eSPI，是由Bodmer开发的一个高效、功能丰富的库，专为ESP8266和ESP32微控制器设计。相比早期的Adafruit_GFX库，TFT_eSPI具有更快的绘图速度、更低的内存占用以及更丰富的功能，包括硬件SPI和...
ESP32使用TFT_eSPI库实现屏幕触摸
代码与诗
05-04 8117
ESP32在Arduino中使用TFT_eSPI库实现ILI9341屏幕显示触摸功能。
Arduino-TFT_eSPI.zip
09-18
Arduino-TFT_eSPI.zip,用于支持不同驱动芯片的ESP8266和ESP32的Arduino和Platformio IDE兼容TFT库,Arduino是一家开源软硬件公司和制造商社区。Arduino始于21世纪初，深受电子制造商的欢迎，Arduino通过开源系统提供了很多灵活性。
TFT_eSPI.zip
11-08
针对TTGO T-Display ESP32WiFi蓝牙模块1.14英寸LCD的液晶屏开发的库文件，支持汉字输入和精灵功能
ESP32驱动TFT显示屏（配置-自定义字库）
YdaMooc的博客
09-25 3286
本文详细介绍了如何使用ESP32开发板（型号ESP32S3R8N8）配合1.8寸TFT显示屏（型号ST7735S）显示汉字的整个过程。
基于Arduino框架下的ESP32-S3移植LVGL教程
qq_64346054的博客
11-27 8499
ESP32-S3基于platform IO 平台Arduino 框架移植LVGL详细教程，并引入FreeRTOS。
ESP32：使用TFT_eSPI库驱动TFT串口屏
LiHaotian917的博客
03-17 1万+
本文使用esp32结合TFT_eSPI库点亮了一块ILI9341驱动的2.4寸串口屏，并运行了例程。
arduino中TFT_ILI9341触摸屏使用TFT_eSPI库的学习LVGL笔记
逍遥侠的专栏
04-14 855
1打开.pio\libdeps\esp32dev\TFT_eSPI\examples\Generic\Touch_calibrate\Touch_calibrate.ino。2.在setup()中运行其中的 touch_calibrate();按提示箭头点击就可校正屏幕,然后就会得到类似。a.如果使用触摸屏 在使用或更换tft.setRotation(X);设置时,必先校正触摸屏。把上面代码放在setup()中.
一起玩儿物联网人工智能小车（ESP32）——60. 基于TFT_eSPI库的1.3寸SPI彩色显示屏的使用（ST7789）（二）
一起玩儿科技
02-12 2264
摘要：TFT_eSPI库的基本介绍
一起玩儿物联网人工智能小车（ESP32）——59. 基于TFT_eSPI库的1.3寸SPI彩色显示屏的使用（ST7789）
一起玩儿科技
02-11 2319
摘要：本文是TFT液晶屏的基本知识和TFT_eSPI库的简单介绍
【物联网初探】- 03 - ESP32 结合 TFT_eSPI 库标定 TFT 触摸屏 (Arduino IDE)
勤能补拙的编程备忘录
02-09 5256
文章目录1. 硬件配置1.1 ESP32 + TFT 彩屏2. 触摸屏的参数标定2.1 例程编译烧录2.2 屏幕四角标定3. 触屏例程测试标定参数3.1 例程编译烧录 1. 硬件配置 1.1 ESP32 + TFT 彩屏 本篇中的 ESP32 和 TFT 彩屏参见前两篇博客： 【物联网初探】- 01 - ESP32 开发环境搭建 (Arduino IDE) 【物联网初探】- 02 - ESP32 利用 SPI 联通 TFT 彩屏 (Arduino IDE) 接线也参考上两篇细节。 2. 触摸
使用arduino+esp32+tft_espi+lvgl+心知天气写一个网路天气时钟的代码
08-15
很高兴为您提供帮助! 下面是一个简单的示例代码，您需要将其修改为适合您的硬件和网络设置的版本。 ``` #include <WiFi.h> #include <WiFiClientSecure.h> #include <HTTPClient.h> #include <ArduinoJson.h> #include <TFT_eSPI.h> #include <lvgl.h> // 修改为您的 WiFi SSID 和密码 const char* ssid = "your_SSID"; const char* password = "your_PASSWORD"; // 修改为您在心知天气注册的 API Key 和城市 ID const char* apiKey = "your_API_KEY"; const char* cityId = "your_CITY_ID"; // 修改为您的 TFT_eSPI 硬件设置 TFT_eSPI tft = TFT_eSPI(); #define TFT_WIDTH 240 #define TFT_HEIGHT 240 void setup() { Serial.begin(115200); // 初始化 TFT_eSPI 硬件 tft.begin(); tft.setRotation(1); tft.fillScreen(TFT_BLACK); // 连接 WiFi Serial.printf("Connecting to WiFi %s...\n", ssid); WiFi.begin(ssid, password); while (WiFi.status() != WL_CONNECTED) { delay(1000); Serial.print("."); } Serial.println(""); Serial.printf("WiFi connected, IP address: %s\n", WiFi.localIP().toString().c_str()); // 初始化 LVGL lv_init(); lv_disp_drv_t disp_drv; lv_disp_drv_init(&disp_drv); disp_drv.hor_res = TFT_WIDTH; disp_drv.ver_res = TFT_HEIGHT; disp_drv.flush_cb = [](lv_disp_drv_t* disp_drv, const lv_area_t* area, lv_color_t* color_p) { tft.startWrite(); tft.setAddrWindow(area->x1, area->y1, area->x2, area->y2); uint32_t size = (area->x2 - area->x1 + 1) * (area->y2 - area->y1 + 1); tft.pushColors((uint16_t*)color_p, size, true); tft.endWrite(); lv_disp_flush_ready(disp_drv); }; lv_disp_drv_register(&disp_drv); lv_theme_t* theme = lv_theme_material_init(210, NULL); lv_theme_set_current(theme); // 创建 LVGL 控件 lv_obj_t* label_time = lv_label_create(lv_scr_act(), NULL); lv_obj_align(label_time, NULL, LV_ALIGN_CENTER, 0, -50); lv_label_set_text(label_time, "Loading..."); lv_obj_t* label_date = lv_label_create(lv_scr_act(), NULL); lv_obj_align(label_date, NULL, LV_ALIGN_CENTER, 0, 50); lv_label_set_text(label_date, "Loading..."); // 更新天气和时间 updateWeather(); updateTime(); } void loop() { // 每分钟更新一次时间和天气 static uint32_t lastUpdateTime = 0; if (millis() - lastUpdateTime >= 60000) { updateWeather(); updateTime(); lastUpdateTime = millis(); } // 处理 LVGL 事件 lv_task_handler(); delay(5); } void updateWeather() { // 发送 HTTP 请求获取天气数据 WiFiClientSecure client; if (!client.connect("api.seniverse.com", 443)) { Serial.println("Failed to connect to weather server"); return; } String url = "/v3/weather/now.json?key=" + String(apiKey) + "&location=" + String(cityId); client.print(String("GET ") + url + " HTTP/1.1\r\n" + "Host: api.seniverse.com\r\n" + "User-Agent: ESP32\r\n" + "Connection: close\r\n\r\n"); unsigned long timeout = millis(); while (client.available() == 0) { if (millis() - timeout > 5000) { Serial.println("Failed to receive weather data"); return; } delay(100); } // 解析 JSON 数据 String line = client.readStringUntil('\n'); while (!line.startsWith("{")) { line = client.readStringUntil('\n'); } DynamicJsonDocument doc(1024); DeserializationError error = deserializeJson(doc, line); if (error) { Serial.println("Failed to parse weather data"); return; } JsonObject weather = doc["results"][0]["now"]; const char* text = weather["text"]; int temperature = weather["temperature"]; // 更新 LVGL 控件 lv_obj_t* label_weather = lv_label_create(lv_scr_act(), NULL); lv_obj_align(label_weather, NULL, LV_ALIGN_CENTER, 0, 100); lv_label_set_text_fmt(label_weather, "%s %d°C", text, temperature); } void updateTime() { // 获取当前时间 time_t now = time(nullptr); struct tm* timeinfo = localtime(&now); // 更新 LVGL 控件 lv_obj_t* label_time = lv_scr_act()->child_ll; lv_label_set_text_fmt(label_time, "%02d:%02d", timeinfo->tm_hour, timeinfo->tm_min); lv_obj_t* label_date = label_time->sibling_ll; lv_label_set_text_fmt(label_date, "%04d-%02d-%02d", timeinfo->tm_year + 1900, timeinfo->tm_mon + 1, timeinfo->tm_mday); } ``` 请注意，此示例代码需要您在心知天气注册并获取 API Key 和城市 ID。此外，您需要安装 TFT_eSPI 和 LVGL 库，并将其与您的硬件设置匹配。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值