小智ESP32项目:微雪1.8寸触屏的滑动浏览功能实现
2025-05-19 15:46:10作者:董灵辛Dennis
背景介绍
小智ESP32是一款基于ESP32芯片开发的智能对话设备,其核心功能是提供百科知识问答服务。在实际使用中,用户反馈了一个重要问题:由于屏幕显示区域有限,较长的对话内容会被新消息顶出屏幕,无法回溯查看历史记录。这严重影响了用户体验,特别是当需要参考之前对话内容时。
问题分析
微雪1.8寸触屏版设备虽然具备触摸功能,但原始固件并未实现滑动浏览功能。这主要是因为:
- 硬件层面:需要正确初始化触摸控制器
- 软件层面:需要实现LVGL触摸事件处理
- 显示逻辑:需要修改消息显示区域的滚动特性
技术解决方案
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设备实现了以下功能:
- 支持上下滑动浏览历史消息
- 触摸响应灵敏,滑动流畅
- 保留原有所有功能的同时增强了用户体验
技术要点总结
- 触摸控制器初始化:FT5x06需要正确的I2C配置和复位信号处理
- 显示驱动适配:需要创建自定义显示类继承基础功能
- LVGL集成:正确添加触摸输入设备是关键
- 硬件兼容性:不同批次的微雪1.8寸屏可能有细微差异,需要测试验证
后续优化方向
- 增加滑动惯性效果,使操作更自然
- 实现快速滚动到顶部/底部功能
- 优化触摸响应算法,减少误触
- 添加滑动边界回弹效果
通过本次功能增强,小智ESP32项目的用户体验得到了显著提升,特别是对于需要频繁查看历史对话内容的场景。这为后续的功能扩展奠定了良好的基础。
登录后查看全文
热门项目推荐
相关项目推荐
atomcodeClaude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get StartedRust0153- DDeepSeek-V4-ProDeepSeek-V4-Pro(总参数 1.6 万亿,激活 49B)面向复杂推理和高级编程任务,在代码竞赛、数学推理、Agent 工作流等场景表现优异,性能接近国际前沿闭源模型。Python00
LongCat-Video-Avatar-1.5最新开源LongCat-Video-Avatar 1.5 版本,这是一款经过升级的开源框架,专注于音频驱动人物视频生成的极致实证优化与生产级就绪能力。该版本在 LongCat-Video 基础模型之上构建,可生成高度稳定的商用级虚拟人视频,支持音频-文本转视频(AT2V)、音频-文本-图像转视频(ATI2V)以及视频续播等原生任务,并能无缝兼容单流与多流音频输入。00
auto-devAutoDev 是一个 AI 驱动的辅助编程插件。AutoDev 支持一键生成测试、代码、提交信息等,还能够与您的需求管理系统(例如Jira、Trello、Github Issue 等)直接对接。 在IDE 中,您只需简单点击,AutoDev 会根据您的需求自动为您生成代码。Kotlin03
Intern-S2-PreviewIntern-S2-Preview,这是一款高效的350亿参数科学多模态基础模型。除了常规的参数与数据规模扩展外,Intern-S2-Preview探索了任务扩展:通过提升科学任务的难度、多样性与覆盖范围,进一步释放模型能力。Python00
skillhubopenJiuwen 生态的 Skill 托管与分发开源方案,支持自建与可选 ClawHub 兼容。Python0112
项目优选
收起
暂无描述
Dockerfile
733
4.75 K
Ascend Extension for PyTorch
Python
649
796
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
434
395
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
1.01 K
1.01 K
Claude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed.
Get Started
Rust
1.24 K
153
deepin linux kernel
C
30
16
华为昇腾面向大规模分布式训练的多模态大模型套件,支撑多模态生成、多模态理解。
Python
146
237
暂无简介
Dart
985
253
昇腾LLM分布式训练框架
Python
167
200
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.68 K
990