跳到主要内容

ESP-IDF 开发

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

ESP-IDF 入门教程

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

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

配置开发环境

备注

以下环境设置适用于 Windows 10/11 系统,Mac/Linux 用户请参考 官方说明

  1. 下载并安装 Visual Studio Code

  2. 在 VS Code 中,通过点击 VS Code 侧边活动栏中的 扩展图标 或使用快捷键(Ctrl+Shift+X)来打开 扩展 视图。然后,搜索 ESP-IDF 扩展并安装。

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

  3. 安装扩展后,VS Code 左侧活动栏中会出现 Espressif 图标 图标,点击该图标可查看 ESP-IDF 扩展的基本命令列表,在 Advanced 中选择 配置 ESP-IDF 扩展

    选择“配置 ESP-IDF 拓展”

  4. 选择 Express 进入快速配置模式:

    选择快速配置模式

  5. 根据需要修改以下选项。

    • 选择下载服务器
      • Espressif:使用乐鑫中国服务器,下载速度更快。
      • Github:使用 GitHub 官方发布链接。
    • ESP-IDF 版本:通常根据开发板要求选择对应版本,如无特殊要求建议使用最新的正式版本。对于 ESP32-Touch-LCD-3.5 ,建议 Espressif IDF 版本 ≥ v5.4.1。
    • ESP-IDF 容器安装地址:建议使用默认地址,或使用纯英文路径且路径中不包含空格。
    • ESP-IDF 所需的工具安装地址:建议使用默认地址,或使用纯英文路径且路径中不包含空格。

    ESP-IDF 拓展快速配置模式选项

  6. 点击 Install 开始安装。你将看到一个显示安装进度的页面,包括 ESP-IDF 下载、ESP-IDF 工具下载安装以及 Python 虚拟环境创建的进度状态。

    安装进度

  7. 如果安装正确,你会看到所有设置已配置完成的提示,即可开始使用该扩展程序。

    安装成功

注意

注意:如果 ESP-IDF 安装失败或需要重新安装,可以尝试删除 C:\Users\%Username%\espC:\Users\%Username%\.espressif 文件夹后重试。

示例程序

ESP-IDF 示例程序位于 示例程序包ESP-IDF 目录中。

01_factory

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

ESP32-Touch-LCD-3.5 ESP-IDF 示例1 图1
ESP32-Touch-LCD-3.5 ESP-IDF 示例1 图2
ESP32-Touch-LCD-3.5 ESP-IDF 示例1 图3
ESP32-Touch-LCD-3.5 ESP-IDF 示例1 图4
ESP32-Touch-LCD-3.5 ESP-IDF 示例1 图5

代码解释

  • 初始化系统各种外设,加载LVGL显示demo

      esp_i2c_port_init(&i2c_bus_handle);
    esp_spi_port_init(LCD_BUFFER_SIZE);
    esp_sdcard_port_init();
    io_expander_init();
    esp_3inch5_display_port_init(&io_handle, &panel_handle, LCD_BUFFER_SIZE);
    esp_3inch5_touch_port_init(&touch_handle, i2c_bus_handle, EXAMPLE_LCD_H_RES, EXAMPLE_LCD_V_RES, EXAMPLE_DISPLAY_ROTATION);
    esp_axp2101_port_init(i2c_bus_handle);
    vTaskDelay(pdMS_TO_TICKS(200));
    esp_es8311_port_init(i2c_bus_handle);
    esp_pcf85063_port_init(i2c_bus_handle);
    esp_wifi_port_init("WSTEST", "waveshare0755");
    esp_3inch5_brightness_port_init();
    esp_3inch5_brightness_port_set(80);
    lv_port_init();

02_axp2101_example

本示例演示了 ESP32-Touch-LCD-3.5 使用 XPowersLib 库驱动AXP2101,并通过串口打印电池信息

ESP32-Touch-LCD-3.5 ESP-IDF 示例2 图1

03_button_power_save

本示例演示了 ESP32-Touch-LCD-3.5 使用 espressif/button 库驱动按键,并通过BOOT按键实现对睡眠模式的唤醒。

ESP32-Touch-LCD-3.5 ESP-IDF 示例3 图1

04_pcf85063_example

本示例演示了 ESP32-Touch-LCD-3.5 使用 sensorlib 库驱动pcf85063,并通过串口打印其数据。

ESP32-Touch-LCD-3.5 ESP-IDF 示例4 图1

05_tca9554_example

本示例演示了 ESP32-Touch-LCD-3.5 使用 espressif/esp_io_expander_tca9554 库驱动tca9554,可对扩展IO进行输入输出操作。

ESP32-Touch-LCD-3.5 ESP-IDF 示例5 图1

06_sd_card_test

本示例演示了 ESP32-Touch-LCD-3.5 测试SD卡的读写功能

硬件连接

  • 将板子接入电脑
  • 将Micro SD卡插入卡槽(SD卡需要格式化为FAT32)
ESP32-Touch-LCD-3.5 ESP-IDF 示例6 图1

代码解释

  • SPI初始化 :

      spi_bus_config_t bus_cfg = {
    .mosi_io_num = PIN_NUM_MOSI,
    .miso_io_num = PIN_NUM_MISO,
    .sclk_io_num = PIN_NUM_CLK,
    .quadwp_io_num = -1,
    .quadhd_io_num = -1,
    .max_transfer_sz = 4000,
    };

    ret = spi_bus_initialize(host.slot, &bus_cfg, SDSPI_DEFAULT_DMA);
    if (ret != ESP_OK) {
    ESP_LOGE(TAG, "Failed to initialize bus.");
    return;
    }
  • SD卡初始化,并挂载 :

      sdspi_device_config_t slot_config = SDSPI_DEVICE_CONFIG_DEFAULT();
    slot_config.gpio_cs = PIN_NUM_CS;
    slot_config.host_id = host.slot;

    ESP_LOGI(TAG, "Mounting filesystem");
    ret = esp_vfs_fat_sdspi_mount(mount_point, &host, &slot_config, &mount_config, &card);

07_lvgl_example

本示例演示了 ESP32-Touch-LCD-3.5 运行lvgl示例程序

ESP32-Touch-LCD-3.5 ESP-IDF 示例7 图1

代码解释

  • 初始化LCD,屏幕触摸以及LVGL :

      app_i2c_init();
    app_io_expander_init();

    /* LCD HW initialization */
    ESP_ERROR_CHECK(app_lcd_init());

    /* Touch initialization */
    ESP_ERROR_CHECK(app_touch_init());

    /* LVGL initialization */
    ESP_ERROR_CHECK(app_lvgl_init());

08_lvgl_audio_play

本示例使用lvgl实现MP3播放器,该例程扫描内存卡根目录下的MP3文件进行播放

硬件连接

  • 将Micro SD卡插入卡槽(SD卡需要格式化为FAT32,并放置MP3文件在根目录下)
ESP32-Touch-LCD-3.5 ESP-IDF 示例8 图1

代码解释

  • 初始化I2C I2S,以及播音codec
      app_i2c_init();
    app_io_expander_init();
    ESP_ERROR_CHECK(esp_board_init(16000, 2, 16));
  • 初始化屏幕、内存卡以及播放器,并扫描内存卡的的MP3并保存到数组
      /* LCD HW initialization */
    ESP_ERROR_CHECK(app_lcd_init());
    esp_sdcard_init("/sdcard", 5);
    Audio_Play_Init();
    Search_mp3_Music();
  • 初始化触摸以及LVGL,加载播放器界面
      /* Touch initialization */
    ESP_ERROR_CHECK(app_touch_init());

    /* LVGL initialization */
    ESP_ERROR_CHECK(app_lvgl_init());

    lvgl_port_lock(0);

    lv_app_music_init();

    lvgl_port_unlock();

09_lvgl_image

本示例使用lvgl显示图片,可以左右滑动手势切换图片

ESP32-Touch-LCD-3.5 ESP-IDF 示例9 图1

代码解释

  • 加载图片,并初始化手势滑动事件,在手势事件中切换图片
      lvgl_port_lock(0);
    image_slider_init();
    lvgl_port_unlock();