【2024 DigiKey 创意大赛】进度分享，86面板开发指南

EE-Bond

【2024 DigiKey 创意大赛】进度分享，86面板开发指南 [复制链接]

 

手头这块ESP32-S3-LCD-EV-Board开发板搭载一块480*480屏幕，显示效果也不错，搭建开发环境耗费了不少时间，主要的开发方式有ESP-IDF、VScode插件、ESP-IDE、Arduino。

 

以上所有开发方式我都试了个遍，最简单易用、功能也全的还是Arduino：移植好了lvgl、支持SquareLine工程、友好的界面，于是最终选择Arduino作为开发工具。

 

一、安装好Arduino后，需要安装这些库：注意lvgl的版本，lvgl (>= v8.3.9, < v9)，

 

 

安装好以后，在文件-示例中可以看到这三个库就安装完成。

 

二、配置lvgl，需要进入到arduino的库目录下的lvgl文件夹，复制一份lv_conf_template.h到libraries下，并更名为lv_conf.h：

三、修改配置文件：

        1、进入lv_conf.h将#if 0 修改为 #if 1 使文件生效。

 

        2、打开ESP32_Display_Panel下的示例，ESP32_Display_Panel-LVGL-v8-Porting

                    编辑ESP_Panel_Board_Supported.h文件，修改第十行为#define ESP_PANEL_USE_SUPPORTED_BOARD (1) ：

 

 

四、编译之前需要修改配置，需要注意的是必须开启PSRAM，否则会导致严重错误，无限重启：

 

五、如果要使用examples和demos：

/* 如果需要使用LVGL内置的 examples 和 demos ， 需要取消下面这些头文件的注释：

// #include <demos/lv_demos.h>
// #include <examples/lv_examples.h>

* 同时需要复制 `lvgl/examples` 到 `lvgl/src/examples`. 对于demos也是一样的操作：复制 `lvgl/demos` 到 `lvgl/src/demos`.

lvgl/src目录下应该是这样的：

源文件位于lvgl库目录下

六、使用

在上述示例的void setup()函数的第一行：

是显示的文字内容，可以改成任何想要的英文（中文字库需要自行添加）：

 

可以添加一个色环示例看看rgb色彩的效果：

lv_example_colorwheel_1();

 

 

七、上传代码：

                最终显示效果：

 

 

 

总结：这样这个开发板的环境就搭建好了，目前自定义的ui还在设计中。。。

Maker_kun

能分享一下工程文件吗？按照你的方法，还是报错

秦天qintian0303

这个86面板式啥意思？