[经验分享] 【2024 DigiKey 创意大赛】进度分享,86面板开发指南

EE-Bond   2024-10-3 12:24 楼主

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

 

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

 

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

 

2024100311080336.jpg
2024100311131386.jpg
201727924072_.pic.jpg

 

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

截屏2024-10-03 11.14.53.png  

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

231727924198_.pic.jpg
221727924169_.pic.jpg
三、修改配置文件:
        1、进入lv_conf.h将#if 0 修改为 #if 1 使文件生效。
截屏2024-10-03 11.20.09.png  

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

截屏2024-10-03 12.03.02.png

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

  截屏2024-10-03 12.04.31.png  

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

image.png  

五、如果要使用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目录下应该是这样的:

241727924218_.pic.jpg
源文件位于lvgl库目录下
231727924198_.pic.jpg
六、使用
在上述示例的void setup()函数的第一行:
是显示的文字内容,可以改成任何想要的英文(中文字库需要自行添加):
image.png  
可以添加一个色环示例看看rgb色彩的效果:
lv_example_colorwheel_1();

 

image.png  

七、上传代码:

                最终显示效果:

image.png  

 

 

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

本帖最后由 EE-Bond 于 2024-10-3 12:23 编辑

回复评论 (2)

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

点赞  2024-10-6 17:26

这个86面板式啥意思?  

在爱好的道路上不断前进,在生活的迷雾中播撒光引
点赞  2024-10-7 11:42
电子工程世界版权所有 京B2-20211791 京ICP备10001474号-1 京公网安备 11010802033920号
    写回复