ESP32 IDF框架 移植LVGL

IDE使用VScode插件PlatformIO IDE

IDF版本4.4.1

LVGL版本7.10.1

首先肯定是要安装PlatformIO IDE吧！。

安装好之后，点击左下角的小房子

进入PlatformIO IDE主页，点击框框中内容，就可以在浏览器打开了，浏览器打开有什么好处捏！当然是翻译了，对于英语不太好的，就太友好了。

浏览器打开后，点击新建项目

然后，填入项目名字，选择开发板（翻译之后可能看不太懂，可以先切回英文，选好后再翻译），选择开发框架，然后点击完成，当然也可以取消勾选使用默认位置，我这里就用默认位置了，最后点击完成。

网络环境不好可能下载不成功。这里嘛！就只有想办法了（哈哈哈哈哈哈）。本人试过网络条件好的情况下，10分钟左右就ok了。慢慢等就OK了

环境搭好了，首先打开项目文件夹，基本目录如下，里面会有platformio.ini配置文件

打开它，移植需要改动里面的类容，初次如下

改什么捏？在PlatformIO 乐鑫物联网开发框架最新文档里面有一条：

在platformio.ini配置文件里面添加这一条，指定目录。

辣么，最后在platformio.ini配置文件就是这样子的

既然指定了目录，那就需要在项目文件夹里面添加一个main文件夹，然后把原先路径src文件夹里面的内容拷贝过去，拷贝完成之后里面有个CMakeLists.txt文件，由于指定了目录，这个文件里面的内容也需要修改下

打卡它，里面路径还是原先的src，需要把他修改成我们指定的main文件夹

修改后

到这里基本文件修改已经完成，编译一下，应该不会报错。

编译成功

接下来就是移植LVGL了。由于LVGL已经支持ESP32了，所以就更简单了，基本就是把文件复制过来，跑起来就OK了，底层对硬件的驱动完全不需要担心。

LVGL对于ESP IDF是相当于一个组件的存在，因为使用的是PlatformIO IDE，所以上面的所有步骤都是在为接下来的操作做支持。怎么在PlatformIO IDE里面添加组件捏？在做好上面所有步骤之后，在文件夹里面添加一个组件文件夹即可。

就是这样啦：

再把LVGL添加到组件里面去，既然是要添加LVGL，那就需要有LVGL相关文件。

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

我也在准备了一份（部分函数注释翻译了的文件），可以私信我，哈哈哈哈哈哈！

如果在GitHub获取，需注意蓝色部分（components文件夹里面）是否一起下载了下来。

下载完成之后应该是这样的

把好components文件夹里面的所有，拷贝到项目文件夹的components文件夹里面

再把好main文件夹里面的所有，拷贝到项目文件夹的main文件夹里面

接下来就是检验时刻，打开终端执行：pio run -t menuconfig

就可以打开页面了，选择（J下移，K上移，L选择（回车也可），H返回，S保存）

最后四个就是LVGL相关配置了

进入LVGL TFT Display controller选择Display Pin Assignments进入设置屏幕引脚

进入LVGL configuration设置屏幕尺寸

然后编译！上传！

如果出现条纹分层显示。

可能是屏幕尺寸反了，修改一下，

如果出现字体出现模糊

进入LVGL configuration选上

ok！到现在项目例程应该可以跑起来了，那怎么修改项目，显示自己需要的东西捏？

例如显示一个表盘！

只需把

替换为

就OK了，看看效果！

到此移植完成！

结尾，来一点”海克斯科技“，需要的朋友可以私信我（哈哈哈哈哈哈）。