跳到主要内容

ESP-IDF

本章节包含以下部分，请按需阅读：

ESP-IDF 入门教程​

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

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

配置 ESP-IDF 开发环境​

信息

对于 ESP32-S3-Touch-LCD-3.5B 开发板，需要使用 ESP-IDF V5.5.0 以上版本。

备注

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

安装 ESP-IDF 开发环境​

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

    在页面中点击 Offline Installer 标签，然后在筛选栏中选择 Windows 操作系统和你要安装的版本。

    下载 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 示例程序位于 示例程序包 的 ESP-IDF 目录中。

示例程序基础例程说明依赖库
01_factory综合测试程序-
02_qmi8658_example打印 IMU 的数据-
03_pcf85063_example打印 RTC 获取的数据-
04_axp2101_example打印电源管理芯片的数据-
05_lvgl_example运行 lvgl 官方的 Demo UI-
06_lvgl_image使用 lvgl 显示图片-
07_lvgl_image_sd使用 lvgl 显示 SD 卡的图片-

01_factory​

【程序说明】

  • 本示例演示是 ESP32-S3-Touch-LCD-3.5B 的综合示例，也是出厂默认烧录的示例。

【硬件连接】

  • 将板子接入电脑

【运行效果】

  • 触摸测试，手指滑动屏幕，显示其轨迹，按"X"退出触摸测试。

  • 通过左右滑动进行界面切换。

02_qmi8658_example​

【程序说明】

  • 本实例演示 ESP32-S3-Touch-LCD-3.5B 驱动 QMI8658，获取并打印 Accel、Gyro 和 IMU 的温度。

【硬件连接】

  • 将板子接入电脑

【代码分析】

  • 初始化并启动测试程序

      i2c_master_bus_handle_t i2c_bus_handle = bsp_i2c_init();
      bsp_qmi8658_init(i2c_bus_handle);
      bsp_qmi8658_test();

【运行效果】

  • 屏幕无现象

  • 打开串口监视器

03_pcf85063_example​

【程序说明】

  • 本实例演示 ESP32-S3-Touch-LCD-3.5B 驱动 PCF85063，设置时间、日期以及获取时间。

【硬件连接】

  • 将板子接入电脑

【代码分析】

  • 初始化并启动测试程序

      i2c_master_bus_handle_t i2c_bus_handle = bsp_i2c_init();
      bsp_pcf85063_init(i2c_bus_handle);
      bsp_pcf85063_test();

【运行效果】

  • 屏幕无现象
  • 打开串口监视器

04_axp2101_example​

【程序说明】

  • 本示例演示使用 XPowers 驱动 AXP2101，并通过串口打印数据

【硬件连接】

  • 将板子接入电脑

【代码分析】

  • 初始化

      i2c_master_bus_handle_t i2c_bus_handle = bsp_i2c_init();
      bsp_axp2101_init(i2c_bus_handle);

【运行效果】

  • 屏幕无现象

  • 打开串口监视器

05_lvgl_example​

【程序说明】

  • 本示例演示了使用 ESP32-S3-Touch-LCD-3.5B 运行 lvgl 示例程序

【硬件连接】

  • 将板子接入电脑

【代码分析】

  • 选择要运行的 lvgl 示例

      // lv_demo_benchmark();
      // lv_demo_music();
      lv_demo_widgets();

【运行效果】

  • 可以进行触摸进行操作

06_lvgl_image​

【程序说明】

  • 本示例演示了 ESP32-S3-Touch-LCD-3.5B 运行 lvgl 显示图片。

【硬件连接】

  • 将板子接入电脑

【准备工作】

  • 打开 lvgl 图片转换网站

  • 导入图片 images/image_1.jpg 并转换，会生成 image_1.c 文件

  • 将 image_1.c 拷贝到 main 文件夹内

  • main 文件夹的 CMakeLists.txt 添加 image_1.c

      idf_component_register(SRCS "main.cpp" "image_1.c" INCLUDE_DIRS ".")

【代码分析】

  • 在 main.c 加入以下代码，声明图片

      LV_IMG_DECLARE(image_1);

  • 设置要显示的图片

      lv_img_set_src(img, &image_1);

【运行效果】

07_lvgl_image_sd​

【程序说明】

  • 本示例演示 ESP32-S3-Touch-LCD-3.5B 使用 lvgl 显示 SD 卡的图片，支持 jpg、bmp、png、bin 等格式的图片。

【硬件连接】

  • 将板子接入电脑
  • 将 Micro SD 卡插入卡槽

【准备工作】

  • 将 SD 卡插入电脑
  • 把本工程下 images 文件夹拷贝到 SD 卡的根目录
  • 将 SD 卡插入 ESP32-S3-Touch-LCD-3.5B

【运行效果】

  • 可以进行触摸进行操作

最后由 ggc 于 更新