[教程] esp32平台下运行lvgl，使用屏幕st7735s 128*128详细配置

作者：admin，发布日期：2021-12-30
阅读：120571；评论：6609

写在开头

博主最近在淘宝闲逛的时候发现有一家店在卖8块钱一片的彩屏，比0.96寸oled屏都便宜，看到这个价格就点了进去，发现两片包邮，于是购买两片，回来尝试跑一下esp32的lvgl，但是运行官方的例程中出现了许多问题，百度去找也是很混乱，后面自己摸索了一下驱动的源码，把屏幕驱动给搞定了。

关于lvgl

LVGL是一个C语言编写的免费的开源图形库，其提供了用于嵌入式GUI的各种元素。用户可以利用丰富的图形库资源，在消耗极低内存的情况下构建视觉效果丰富多彩的GUI 。只需 64kB 闪存和 8kB RAM 就足以满足简单的用户界面。LVGL 可以驱动单色OLED、TFT 显示器、监视器或任何其他显示器。c 代码使其可在任何平台上使用，例如 NXP LPC 或 iMX、STM32、PIC、Arduino、ESP32、Raspberry 等。LVGL 的源码托管在 GitHub 上，拥有 MIT许可。 真正的完全免费。

关于ESP32

ESP32 系列模组具备卓越的性能和丰富的外设，集Wi-Fi、传统蓝牙、低功耗蓝牙为一体，提供高度集成的解决方案，广泛适用于各类物联网应用。

正是因为esp32的豪华配置，可以配合其esp-idf框架在其平台上轻松运行lvgl，个人做了一个例程cpu占用只有10%左右。

关于移植

由于官方的例程现在还没有适配lvgl8，所以博主尝试了一下移植，但是不能运行，所以说还是先拿lvgl7用着。

获取lvgl官方的lvgl例程

下载地址：https://github.com/lvgl/lv_port_esp32

要注意的是，这个是一个项目，我们自己使用的时候可以直接从lvgl官方库克隆代码，同时克隆esp32下的驱动，不必用这个项目。

打开项目的components文件夹，我们发现相关的库已经导入好了。

我们可以先从这个项目入手，先移植跑通后继续开发。

关于lvgl_esp32_drivers

这个是lvgl官方账号下的一个项目，主要用于在esp32下适配lvgl，包括屏幕，触摸等驱动

以下是支持的屏幕和触摸芯片：

屏幕

Display ControllerTypeInterfaceColor depth (LV_COLOR_DEPTH)Swap RGB565 color (LV_COLOR_16_SWAP)

ILI9341TFTSPI16: RGB565Yes

ILI9163CTFTSPI16: RGB565Yes

ILI9486TFTSPI16: RGB565Yes

ILI9488TFTSPI16: RGB565No

HX8357B/HX8357DTFTSPI16: RGB565Yes

ST7789TFTSPI16: RGB565Yes

ST7735STFTSPI16: RGB565Yes

FT81xTFTSingle, Dual, Quad SPI16: RGB565No

GC9A01TFTSPI16: RGB565Yes

RA8875TFTSPI16: RGB565Yes

SH1107MonochromeSPI1: 1byte per pixelNo

SSD1306MonochromeI2C1: 1byte per pixelNo

PCD8544MonochromeSPI1: 1byte per pixelNo

IL3820e-PaperSPI1: 1byte per pixelNo

UC8151D/ GoodDisplay GDEW0154M10 DESe-PaperSPI1: 1byte per pixelNo

FitiPower JD79653A/ GoodDisplay GDEW0154M09e-PaperSPI1: 1byte per pixelNo

Supported indev controllers

XPT2046

FT3236, FT6X36

FT6206 controllers should work as well (not tested)

STMPE610

FT81x (Single, Dual, and Quad SPI)

我购买的屏幕使用的是st7735s的芯片，测试可以完美驱动

配置项目

将项目克隆下来

git clone --recurse-submodules https://github.com/lvgl/lv_port_esp32.git

--recurse-submodules 同时克隆子模块

下载后，我们切换一下驱动到最新分支，例程中的版本存在问题，建议更新:

cd components/lvgl_esp32_drivers
git switch master

搞定之后，我们就可以用vscode打开项目了，这里我使用的是乐鑫的idf插件

按下ctrl+shift+p，按照图片添加vscode配置文件夹

然后点击下方设置，进入配置，记得点击esp32c3那里切换下芯片，变成esp32：

修改项目配置

修改编译优化级别，缩小编译文件大小

修改屏幕大小，开启交换RGB565颜色

修改驱动

降低spi频率，要不然画面会撕裂

修改引脚为自己连接的IO口

(可选)开启帧率显示

修改完后点击上方保存。

修改驱动代码

需要调整一部分代码，不然有一部分会花屏。

原理：ST7735s是为128*160屏幕设计的，我们是128*128的屏幕，需要跳过一部分像素。

编译，上传项目测试

如果没有做自动下载电路，需要自己进入下载模式

如果没有问题应该是上图所示。

开启lvgl例程测试

需要改动一下，下载的这个程序如果是st7735只会显示hello world

编译，重新烧写，如果正常就会自动运行lvgl的demo

自己项目使用lvgl

1. 创建新项目

2. 创建components

3. 下载驱动：https://github.com/lvgl/lvgl_esp32_drivers/tree/master

4. 下载lvgl(注意下载v7的): https://github.com/lvgl/lvgl/tree/release/v7

5. 把下载的放入components中

6. 打开配置编辑器编辑配置

7. 从官方例程中复制main.c的代码，修改制作界面