[经验分享] 【智能网络台灯】3. ESP32-S2 + lvgl使用

hehung 2022-8-23 15:19 楼主

# 过往分享
[【2022得捷电子创新设计大赛】最晚开箱帖](https://bbs.eeworld.com.cn/thread-1212955-1-1.html "【2022得捷电子创新设计大赛】最晚开箱帖")
[ 【2022得捷电子创新设计大赛】1. ESP32-S2环境搭建及点灯](【2022得捷电子创新设计大赛】1. ESP32-S2环境搭建及点灯 https://bbs.eeworld.com.cn/thread-1213265-1-1.html " 【2022得捷电子创新设计大赛】1. ESP32-S2环境搭建及点灯")
[【智能网络台灯】2. 设置系统时间以及打印](【智能网络台灯】2. 设置系统时间以及打印 https://bbs.eeworld.com.cn/thread-1215299-1-1.html "【智能网络台灯】2. 设置系统时间以及打印")

# 前言
ESP32-S2自带了一块LCD屏幕，可以用来显示一些好看的界面，通过官方提供的接口直接驱动LCD，LCD驱动程序在idf安装目录下：xxx\Espressif\frameworks\esp-idf-v4.4\examples\peripherals\lcd\tjpgd，但这种方式驱动对控制界面设计比较复杂，所以lvgl就成了一个比较好的选择。而且lvgl官方也是适配了ESP32的，我们可以直接拿来用。

>这里需要注意一点的就是，lvgl官方有一个适配好的ESP32的工程，使用该工程可以直接驱动ESP32-S2，不要使用最新的lvgl代码。我最开始用了最新的lvgl代码，废了很大得劲都没调试好，最新的lvgl代码适配的时候编译会报错，因为是第一次使用，不清楚报错的原因，我也没花时间继续查了，现在重点是将板载lcd使用lvgl驱动起来，可以在项目中使用就够了，如果是经验丰富的伙伴可以尝试一下使用最新的lvgl代码。

# 准备工作
1. 在github中下载针对ESP32的工程，路径：https://github.com/lvgl/lv_port_esp32
随便新建一个文件夹，然后在里面使用git命令下载。
命令如下：
```
 git clone --recursive https://gitee.com/hehung/lv_port_esp32.git
```
>注意：不能直接下载，必须使用git，因为components文件夹下面的三个目录的实际存放地址在其他路径下,直接下载的话,下载下来文件夹是空的;

2. 因为在github上下载,经常容易断线导致下载失败,可以使用下面的命令恢复下载,进入到目录lv_port_esp32,使用下面的命令开始未完成的下载.
命令如下:
```
git submodule update --init --recursive
```

# 配置工程以及调试
> 因为我是用的是Espressif-IDE，下面也是使用IDE来进行工作的，如果使用命令行或者VS code或者是其他方式，方法类似。

## 1. 导入下载的工程到工作空间
这一步不细说，太简单，如果使用命令行或者VS code来编译的话请忽略这一步，无需操作。
导入之后如下图所示：

## 2. 编译
导入的工程目录下没有sdkconfig，需要先编译一下。
点击小锤子编译，之后会出现sdkconfig，双击打开开始配置。

## 3. 配置
尝试了多次配置，经过验证，如下的配置参数是有效的。
1. lvgl配置，如下：

2. ESP32-S2 LCD显示屏配置
如下，需要重点注意，配置不好会导致显示出来不正确。
> LCD应该是有两种型号，我最开始是参考论坛其他小伙伴的帖子来配置的，但是配置出来之后并不能正常显示，画面会乱码，然后查了一下资料，链接：[https://docs.espressif.com/projects/esp-idf/zh_CN/latest/esp32s2/hw-reference/esp32s2/user-guide-esp-lyrap-lcd32-v1.2.html](https://docs.espressif.com/projects/esp-idf/zh_CN/latest/esp32s2/hw-reference/esp32s2/user-guide-esp-lyrap-lcd32-v1.2.html)。
LCD显示器的驱动器应该有两种，我的板子是ILI9341，所以在配置上有一些区别，如下：

## 编译下载
然后再次编译，注意需要选择esp32s2，默认是esp32，按照下图方式进行配置

编译完成之后直接点击播放图标下载即可。

# 显示效果
gif图片是加速了三倍的。

点击上图查看Gif动图

本帖最后由 hehung 于 2022-8-23 21:07 编辑