EEPW论坛

ST7735 SPI接口下LVGL动画显示与IIS音频例程实现指南

在ESP32平台上结合ST7735屏幕与LVGL图形库实现动画显示，同时集成IIS音频功能，需从硬件配置、驱动适配、代码编写三个层面进行设计。以下基于ESP-IDF框架提供具体实现方案。

一、ST7735 SPI与LVGL动画显示例程1. 开发环境与硬件准备

       核心依赖：ESP-IDF v4.2+、LVGL v7.9、lvgl_esp32_drivers库。

       屏幕配置：240×240或128×160分辨率ST7735 SPI屏幕，需确认引脚连接（参考SPI接口：SCLK、MOSI、DC、RST、CS）。

       关键配置：通过menuconfig设置LVGL分辨率（LV_HOR_RES_MAX/LV_VER_RES_MAX），SPI频率建议10MHz，开启PSRAM支持高分辨率动画渲染。

2. 动画实现核心步骤

1. LVGL移植与驱动适配

          将lvgl和lvgl_esp32_drivers放入项目components文件夹，修改st7735s.c中的st7735s_set_orientation函数以支持反转显示方向（如Portrait inverted）。

          示例代码片段（初始化屏幕）：

   lv_init(); 
   lvgl_driver_init(); // 初始化ST7735驱动 
   lv_obj_t *scr = lv_scr_act(); // 获取当前屏幕对象

2. 动画效果代码示例

          通过LVGL的lv_anim系列函数实现控件移动、渐变等效果：

   lv_obj_t *btn = lv_btn_create(scr, NULL); 
   lv_anim_t anim; 
   lv_anim_init(&anim); 
   lv_anim_set_var(&anim, btn); 
   lv_anim_set_values(&anim, 0, 200); // X轴移动范围 
   lv_anim_set_time(&anim, 1000); // 动画时长1秒 
   lv_anim_set_repeat_count(&anim, LV_ANIM_REPEAT_INFINITE); // 无限循环 
   lv_anim_start(&anim);

3. 花屏问题解决

          检查SPI引脚接线（如RD引脚需拉高），调整menuconfig中LVGL帧率（建议30-60fps），确保LV_HOR_RES_MAX与屏幕实际分辨率匹配。

二、IIS音频例程设计1. IIS硬件配置

       引脚分配：SCK（BCK）、WS（LRCK）、SD（DATA）连接WM8978等 codec芯片，需在menuconfig中启用I2S外设并配置采样率（如44.1kHz）。

       驱动选择：使用ESP-IDF自带的driver/i2s.h库，配置模式为I2S_MODE_MASTER_TX。

2. 音频播放例程

       初始化IIS接口：

i2s_config_t i2s_config = { 
    .mode = I2S_MODE_MASTER | I2S_MODE_TX, 
    .sample_rate = 44100, 
    .bits_per_sample = I2S_BITS_PER_SAMPLE_16BIT, 
    .channel_format = I2S_CHANNEL_FMT_RIGHT_LEFT, 
    .communication_format = I2S_COMM_FORMAT_I2S_MSB, 
    .dma_buf_count = 8, 
    .dma_buf_len = 64, 
}; 
i2s_driver_install(I2S_NUM_0, &i2s_config, 0, NULL);

       播放PCM音频数据：

uint8_t *audio_data = ...; // 加载PCM音频数据 
i2s_write_bytes(I2S_NUM_0, audio_data, sizeof(audio_data), portMAX_DELAY);

三、多任务协同优化       任务调度：通过FreeRTOS创建独立任务，分离LVGL动画（高优先级）与IIS音频播放（中优先级），避免资源抢占导致卡顿：

xTaskCreatePinnedToCore(lvgl_task_handler, "lvgl", 4096, NULL, 5, NULL, 1); // LVGL任务 
xTaskCreatePinnedToCore(audio_play_task, "iis_audio", 4096, NULL, 4, NULL, 0); // 音频任务

四、常见问题排查

1. 动画卡顿：降低SPI频率至8MHz，优化LVGL刷新周期（lv_task_handler调用间隔<30ms）。

2. 音频失真：调整IIS DMA缓冲区大小（建议dma_buf_len=128），确保电源稳定（3.3V纹波<100mV）。

3. 显示方向错误：在st7735s_set_orientation中修改屏幕扫描方向寄存器，验证LV_VER_RES_MAX与LV_HOR_RES_MAX是否颠倒。

五、例程资源获取

       LVGL动画参考：直接使用lv_demo_widgets例程（需lv_examples v7.9），通过idf.py  menuconfig开启 widgets 演示。

       IIS例程模板：ESP-IDF官方示例peripherals/i2s/audio_player，适配ST7735时需注意GPIO引脚冲突（如避免IIS与SPI共用同一CS引脚）。

通过上述方案，可实现ST7735屏幕上的流畅LVGL动画与IIS音频同步输出，适用于物联网设备的人机交互界面开发。