arduino-esp32：使用LVGL

最新推荐文章于 2024-02-29 09:50:53 发布

扶我起来我还有头发

最新推荐文章于 2024-02-29 09:50:53 发布

阅读量1.2w

点赞数 20

分类专栏： ESP32开发文章标签：嵌入式 arduino 单片机嵌入式硬件

本文链接：https://blog.csdn.net/unclejin_/article/details/123994267

版权

概述

上一篇已经完成了对显示触摸屏的驱动，能够正常的显示和触摸了。这篇引入一个嵌入式GUI：LVGL。这也正是我的最终目的。

LVGL

官网的介绍：

LVGL is an open-source graphics library providing everything you need to create embedded GUI with easy-to-use graphical elements, beautiful visual effects and low memory footprint.
LVGL是一个开源图形库，提供创建嵌入式GUI所需的一切，具有易于使用的图形元素、优美的视觉效果和较低的内存占用。

官方demo动图：
在这里插入图片描述
没啥好介绍的，可以去官方文档里看LVGL文档。还提供PDF版本。

引入LVGL

LVGL库可以直接兼容Arduino。

在github上直接把LVGL库下载下来。
将解压出来的LVGL库复制进上一篇中说的 sketchbook 目录下的 libraries 文件夹下。
将LVGL目录下的 lv_conf_template.h 文件改名为 lv_conf.h，放在和LVGL库文件夹同层的地方。
打开 lv_conf.h ，修改至少这三个地方。第一个，将图中的 0 修改为 1 。

第二个，根据屏幕的分辨率设置色深。

第三个，将外部定义时钟的宏打开，以使用Arduino的时钟函数接口。

至此底层的移植就已经完成了。还是非常简单友好的。

示例代码

官方提供了一个基于Arduino平台和TFT-eSPI库的示例代码。上面的步骤完成之后，重启Arduino IDE就可以在示例里找到了。
在这里插入图片描述
打开之后，需要修改的地方只有一个。如下图。官方使用的就是TFT-eSPI库来驱动显示屏，所以这里需要使用TFT-eSPI库提供的接口做出一些操作。
原数据
上一篇中，最后烧录进去的是TFT-eSPI库提供的 Touch_calibrate 例程，上图中圈起来要修改的地方也正是基于这个。
打开这个例程。
在这里插入图片描述
烧录进去之后，会出现下面这个画面，这个时候需要触摸箭头指向的四个角。

在四个角都触摸完毕之后，串口会输出一段数据，如下图。这就是需要在LVGL例程中需要修改的五个数据。也就是上图中框起来的五个数据。
在这里插入图片描述
将原例程中的五个数据修改为串口输入的五个数据。

示例测试

官方提供了示例 lv_demo_weights()，但是需要额外的操作，这里先简单测试一下是否可用。将下图中的#if 0修改为#if 1，即在屏幕中央绘制一个 label 组件，内容是LVGL版本信息。
在这里插入图片描述
在头文件处，将 lv_demo.h 注释掉。

然后点击上传即可。上传完成后就可以在屏幕上看到通过LVGL绘制出来的 label 组件了。

添加测试代码

将下图中函数代码复制进工程中，放在 setup() 函数上面就行，随便哪。

void lv_example_btn(void)
{
   
    /*Properties to transition*/
    static lv_style_prop_t props[] = {
   
            LV_STYLE_TRANSFORM_WIDTH, LV_STYLE_TRANSFORM_HEIGHT, LV_STYLE_TEXT_LETTER_SPACE}