凡亿教育-雅敏
凡事用心,一起进步
打开APP
公司名片
凡亿专栏 | 如何使用ESP32开发图形界面
如何使用ESP32开发图形界面

LVGL是一款用C语言编写的开源轻量级图形显示框架,LVGL集成了资源占用小,多平台使用,移植简单等一系列特点,特别适合在嵌入式设备上进行开发使用。


ESP32是一款强大的WiFi SOC,特别适合用在物联网WiFi设备上,对于一些需要进行图形界面开发的业务场景,ESP32 LVGL这个搭配,基本可以满足需求了。


LVGL的官方文档上,已经有一个章节简单地描述了如何在ESP32上面移植LVGL,并且官方已经帮开发者移植好了一个示例工程,开发者只需要作简单的导入即可。LVGL关于ESP32的官方介绍页面,如下图所示。

https://docs.lvgl.io/latest/en/html/get-started/espressif.html

以下是详细的导入过程。


1、从以上的文档得知,LVGL官方创建了一个示例工程,lv_port_esp32,这个工程托管在github上面,但由于目前访问github会出现不稳定的情况,所以,我们可以把github上的工程导入到gitee上,再通过gitee来进行下载,如下图所示。

2、工程导入gitee成功后,就可以使用git clone命令,把工程项目下载到本地,如下图所示。

命令:git clone https://gitee.com/embediot/lv_port_esp32

3、下载成功后,这个工程还没有导入LVGL相关的代码,LVGL相关的源码和例程,是以组件的形式提供的,因此,LVGL的源码保存在lv_port_esp32/components文件夹里面,并且LVGL相关的源码和例程,是使用git submodule的方式进行管理的,因此,我们需要更新submodule。


4、示例工程lv_port_esp32依赖三个submodule,分别是:

(1)lv_examples这个是LVGL的示例demo,移植完之后可以使用这些demo验证LVGL的运行。

(2)lvgl这个是LVGL的源代码,以C语言作为主要编程语言。

3)lvgl_esp32_drivers这个是一些移植和适配好的显示屏和触摸板的驱动代码,LVGL为了方便开发者,已经帮我们适配好了一些比较常用的显示屏和触摸板。


5、这三个submodule的源码是托管在github的,同样由于github的访问困难,需要把这三个submodule都同步到gitee,然后通过gitee进行更新,同步完之后,如下图所示。

6、同步完成后,再修改lv_port_esp32/.gitmodules这个文件,把submodule的更新网址指向gitee,修改完成后,如下图所示。

7、然后在 lv_port_esp32这个目录下,执行以下命令,进行子模块的下载,下载完成后,如下图所示。

命令:git submodule update --init --recursive


8、至此,整个LVGL的工程就成功导入到ESP32里面了,可以使用vscode打开进行开发,如下图所示。


9、导入完成后,需要根据自己的硬件板卡,来配置LVGL的工程参数,主要是配置TFT-LCD的参数,如TFT_LCD的引脚位号,驱动方式,以及显示参数;还有配置触摸板的参数,如触摸板的引脚位号,驱动芯片,等等。


10、作者采用的TFT_LCD驱动芯片是ILI9341,SPI驱动接口,RGB565的工作方式,采用的触摸板是电阻触摸,触摸芯片是XPT2046,接口是SPI,具体的配置,可以参考ESP32的menuconfig里面的内容,如下图所示。


11、编译工程后,烧录到硬件板卡上,即可运行LVGL官方提供的演示demo,如下图所示。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表凡亿课堂立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。
相关阅读
进入分区查看更多精彩内容>
精彩评论

暂无评论