首页
/ 小智ESP32项目:微雪1.8寸触屏的滑动浏览功能实现

小智ESP32项目:微雪1.8寸触屏的滑动浏览功能实现

2025-05-19 08:08:48作者:董灵辛Dennis

背景介绍

小智ESP32是一款基于ESP32芯片开发的智能对话设备,其核心功能是提供百科知识问答服务。在实际使用中,用户反馈了一个重要问题:由于屏幕显示区域有限,较长的对话内容会被新消息顶出屏幕,无法回溯查看历史记录。这严重影响了用户体验,特别是当需要参考之前对话内容时。

问题分析

微雪1.8寸触屏版设备虽然具备触摸功能,但原始固件并未实现滑动浏览功能。这主要是因为:

  1. 硬件层面:需要正确初始化触摸控制器
  2. 软件层面:需要实现LVGL触摸事件处理
  3. 显示逻辑:需要修改消息显示区域的滚动特性

技术解决方案

1. 触摸控制器初始化

微雪1.8寸屏使用的是FT5x06触摸控制器,需要特殊初始化:

void InitializeFt5x06Touch() {
    const esp_lcd_touch_config_t tp_cfg = {
        .x_max = DISPLAY_WIDTH,
        .y_max = DISPLAY_HEIGHT,
        .rst_gpio_num = EXAMPLE_PIN_NUM_TOUCH_RST,
        .int_gpio_num = EXAMPLE_PIN_NUM_TOUCH_INT,
        .levels = {
            .reset = 0,
            .interrupt = 0,
        },
        .flags = {
            .swap_xy = DISPLAY_SWAP_XY,
            .mirror_x = DISPLAY_MIRROR_X,
            .mirror_y = DISPLAY_MIRROR_Y,
        },
    };
    
    ESP_ERROR_CHECK(esp_lcd_new_panel_io_i2c(codec_i2c_bus_, &tp_io_config, &tp_io_handle));
    ESP_ERROR_CHECK(esp_lcd_touch_new_i2c_ft5x06(tp_io_handle, &tp_cfg, &touch_handle));
}

2. 显示驱动修改

需要创建一个继承自SpiLcdDisplay的自定义显示类,添加触摸支持:

class CustomLcdDisplay : public SpiLcdDisplay {
public:
    CustomLcdDisplay(esp_lcd_panel_io_handle_t io_handle,
                    esp_lcd_panel_handle_t panel_handle,
                    esp_lcd_touch_handle_t touch_handle,
                    int width,
                    int height,
                    int offset_x,
                    int offset_y,
                    bool mirror_x,
                    bool mirror_y,
                    bool swap_xy)
        : SpiLcdDisplay(io_handle, panel_handle, touch_handle,
                    width, height, offset_x, offset_y, mirror_x, mirror_y, swap_xy,
                    {
                        .text_font = &font_puhui_16_4,
                        .icon_font = &font_awesome_16_4,
                        .emoji_font = font_emoji_64_init(),
                    }) {
        DisplayLockGuard lock(this);
        lv_obj_set_style_pad_left(status_bar_, LV_HOR_RES * 0.1, 0);
        lv_obj_set_style_pad_right(status_bar_, LV_HOR_RES * 0.1, 0);
    }
};

3. LVGL触摸集成

在显示初始化时添加触摸输入设备:

if (touch_handle_ != nullptr) {
    const lvgl_port_touch_cfg_t touch_cfg = {
        .disp = display_,
        .handle = touch_handle_,
    };
    touch_indev_ = lvgl_port_add_touch(&touch_cfg);
    if (touch_indev_ == nullptr) {
        ESP_LOGE(TAG, "Failed to add touch");
    } else {
        ESP_LOGI(TAG, "Touch initialized successfully");
    }
}

实现效果

完成上述修改后,微雪1.8寸触屏版小智ESP32设备实现了以下功能:

  1. 支持上下滑动浏览历史消息
  2. 触摸响应灵敏,滑动流畅
  3. 保留原有所有功能的同时增强了用户体验

技术要点总结

  1. 触摸控制器初始化:FT5x06需要正确的I2C配置和复位信号处理
  2. 显示驱动适配:需要创建自定义显示类继承基础功能
  3. LVGL集成:正确添加触摸输入设备是关键
  4. 硬件兼容性:不同批次的微雪1.8寸屏可能有细微差异,需要测试验证

后续优化方向

  1. 增加滑动惯性效果,使操作更自然
  2. 实现快速滚动到顶部/底部功能
  3. 优化触摸响应算法,减少误触
  4. 添加滑动边界回弹效果

通过本次功能增强,小智ESP32项目的用户体验得到了显著提升,特别是对于需要频繁查看历史对话内容的场景。这为后续的功能扩展奠定了良好的基础。

登录后查看全文
热门项目推荐
相关项目推荐