基于ESP32S3及LVGL 的UI界面设计

视频链接：

B站视频：[开源]基于ESP32S3&LVGL UI硬件端开源啦！

项目简介

本项目基于ESP32S3为主控，加持LVGL 开源图形库打造的UI 界面，UI 设计采用GUI guider 进行设计，硬件端使用立创EDA专业版进行设计。

秉承开源中来开源中去的精神，将源代码及硬件均开源

项目功能

目前功能比较单一仅有UI界面简单的交互，后续有时间会考虑进行升级。

具体业务逻辑展示还未做，暂时只做UI 交互。

• 启动界面： 上电进度条动画完成后切换界面
  

• 菜单页面：主要功能页面
  

• 功能一界面：参数采集显示
  

• 功能二界面：参数采集显示
  

• 蓝牙界面：蓝牙设备的扫描及连接
  

• 系统参数设置界面：设置系统默认参数
  

• 温度监控界面：主要监控系统后台温度
  

• 打印机设置：连接打印机后设置打印机参数
  

• 待开发界面：拓展将来开发功能
  

项目参数

• 主控MCU：ESP32S3N8R16；
• 屏幕驱动IC：ILI9488
• 电容触摸IC:GT911
• 屏幕分辨率：480x320

• 软件开发环境：VSCode + ESP32 IDF v5.0.2
• 硬件开发环境：立创EDA 专业版

原理解析（硬件说明）

• 主控采用ESP32S3 模组，减少开发及验证周期。
  

• 屏幕目前支持SPI 或者8080 并口驱动方式，需要通过跳电阻的方式切换屏幕驱动模式。
  

• 注意注！注意！注意！该电路暂时还未验证，手里没芯片，目前使用TYPE-C 接口点亮屏幕的，
  

• 屏幕带有电容触摸，参数屏手册链接FPC 端子。
  

• LCD 悲观驱动使用屏厂家推荐的驱动电路，屏幕的驱动方式要通过以下电子调整，注意！不要全贴完。
  

软件代码

ESP32 S3 代码及GUI guider 工程代码均已上传至Gitee:https://gitee.com/wind5280/lvgl_project.git

实物图