跳到主要内容

ESP-IDF

本章节包含以下部分,请按需阅读:

ESP-IDF 入门教程

初次接触 ESP32 ESP-IDF 开发,想要快速上手?我们为您准备了一套通用的 入门教程

请注意:该教程使用 ESP32-S3-Zero 作为教学示例,所有硬件代码均基于其引脚布局。在动手实践前,建议您对照手中的开发板引脚图,确认引脚配置无误。

配置 ESP-IDF 开发环境

备注

以下内容以 Windows 系统为例,使用 VS Code + ESP-IDF 扩展 的方式进行开发。Mac/Linux 用户请参考 官方说明

版本选择

此部分图示以安装 ESP-IDF V5.5.2 为例示范,安装时请选用与您开发板示例匹配的 ESP-IDF 版本。

安装 ESP-IDF 开发环境

  1. 前往 ESP-IDF Installation Manager 下载 ESP-IDF 安装管理器。这是乐鑫最新推出的跨平台安装工具,下文将演示如何使用其离线安装功能。

    在页面中点击 Offline Installer 标签,然后在筛选栏中选择 Windows 操作系统和你需要的 ESP-IDF 版本(图示仅为参考,请以实际为准)。

    下载 EIM 和整合包

    确认选择无误后,点击下载按钮。浏览器将自动同时下载两个文件:一个是 ESP-IDF 离线整合包(.zst),另一个是 ESP-IDF 安装器(.exe)

    下载 EIM 和整合包2

    请耐心等待两个文件下载完成。

  2. 下载完成后,双击运行 ESP-IDF 安装器(eim-gui-windows-x64.exe)

    启动后,可在右上角将界面语言切换为中文。

    切换 EIM 语言

    安装工具会自动检测同一目录下是否存在离线整合包。点击 从存档安装

    自动检测整合包

    接下来,选择安装路径。建议使用默认路径;若需自定义,请确保路径中不包含中文或空格。确认无误后,点击 开始安装

    选择安装路径
  3. 当看到如下界面时,表示 ESP-IDF 已安装成功。

    安装成功
  4. 建议同时安装驱动程序。点击 完成安装,然后点击 安装驱动程序

    用 ESP-IDF 安装管理器安装驱动

安装 Visual Studio Code 与 ESP-IDF 扩展

  1. 下载并安装 Visual Studio Code

  2. 安装时建议勾选 通过 Code 打开操作添加到 Windows 资源管理器文件上下文菜单,以便快速打开项目文件夹。

  3. 在 VS Code 中,点击侧边活动栏中的 扩展图标 扩展图标(或使用快捷键 Ctrl + Shift + X)打开 扩展 视图。

  4. 在搜索框中输入 ESP-IDF,找到 ESP-IDF 扩展并点击安装。

    在 VS Code 中搜索并安装 ESP-IDF 扩展

  5. ESP-IDF 扩展版本 ≥ 2.0 时,扩展会自动检测并识别上述步骤中安装的 ESP-IDF 环境,无需手动配置。

示例程序

本模块提供以下两个 ESP-IDF 示例,均基于 LVGL 8.3。请根据模块使用的连接器和开发板选择对应示例:1.46-S3-test 用于 15PIN GH 座及杜邦线连接,1.46-S3-audio-board-test 用于 18PIN FFC 座及 FFC 排线连接。

1.46-S3-test

程序说明

  • 适用于模块的 15PIN GH 座,使用转杜邦线连接 ESP32-S3-DEV-KIT-N16R8-M 开发板。
  • 初始化 QSPI 显示、I2C 触摸和 LVGL 图形库。
  • 屏幕显示两张 412 × 412 图片,通过左滑或右滑手势循环切换,可作为 LVGL 图片显示和触摸手势开发的参考。

硬件连接

使用 15PIN GH 转杜邦线,按照下表连接显示模块与 ESP32-S3 开发板:

1.46inch Touch LCD ModuleESP32-S3-DEV-KIT-N16R8-M
VCC3.3 V
GNDGND
LCD_IO0GPIO 9
LCD_IO1GPIO 8
LCD_IO2GPIO 7
LCD_IO3GPIO 6
LCD_SCLKGPIO 4
LCD_CSGPIO 3
LCD_TEGPIO 18
LCD_RSTGPIO 39
LCD_BLGPIO 5
TP_SDAGPIO 11
TP_SCLGPIO 10
TP_RSTGPIO 38
TP_INTNC
  • 检查接线无误后,将开发板连接至电脑。

代码分析

  • image_swipe_page_create():创建全屏图片页面,加载两张图片并注册手势事件。
  • image_gesture_cb():识别左滑和右滑手势,通过显示或隐藏图片对象完成循环切换。
  • app_main():依次初始化显示、触摸和 LVGL,并持续调用 LVGL 定时处理函数。

运行效果

LVGL 图片 1
LVGL 图片 2

1.46-S3-audio-board-test

程序说明

  • 适用于模块的 18PIN FFC 座,使用 FFC 排线连接 ESP32-S3-AUDIO-Board
  • 上电后依次显示红、绿、蓝、黄纯色画面,用于检查 LCD 显示和颜色是否正常。
  • 颜色测试结束后运行 LVGL Widgets 演示,用于检查 LVGL 界面绘制和触摸交互。
  • 工程中保留 lv_demo_music() 调用入口,需要时可在 main.c 中切换 LVGL 演示。

硬件连接

  • 使用 18PIN FFC 排线连接显示模块和 ESP32-S3-AUDIO-Board,无需逐根连接杜邦线。
  • 请在断电状态下插拔 FFC 排线,确认排线安装到位后再为开发板上电。

代码分析

  • main_page_red()main_page_green()main_page_blue()main_page_yellow():设置 LVGL 活动屏幕的背景颜色,实现纯色显示测试。
  • app_main():初始化 I2C、IO 扩展、LCD 和 LVGL,完成颜色测试后启动 LVGL Widgets 演示。

运行效果

LCD 红色测试LCD 绿色测试LCD 蓝色测试LCD 黄色测试