news 2026/4/23 20:51:35

LVGL应用和部署(几种人机交互的方式)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
LVGL应用和部署(几种人机交互的方式)

【 声明:版权所有,欢迎转载,请勿用于商业用途。 联系信箱:feixiaoxing @163.com】

只要是嵌入式设备,不管是stm32也好,或者是linux设备,总少不了人机交互。如果产品本身还是在开发的阶段,那么基本上采用串口开发的方式,就可以实现人机交互了。但是等到后期慢慢往产品方向转的时候,这个时候就不能采用串口通信了。毕竟,大部分客户都没有这方面的知识,只能想想其他的办法了。

1、按键方式

如果不输入的话,一个小的液晶显示屏,甚至是数码管就可以完成消息的输出。但是如果需要有输入信息的需求,通常就是采用按键的方式来完成。这也是大多数嵌入式设备的交互方式。一来按键开发非常简单,二来成本也很低。只要是不太复杂的功能,都可以通过gpio+状态机+lvgl的方式开发出来。

2、触摸屏的方式

前面说过,可以用按键的方式,来进行人机交互。这对一般的产品来说,是足够的。但是如果遇到复杂一点的产品,比如需要输入用户名、密码,需要修改内部的文件名,需要设置规则属性等等,这就有点麻烦了。很多的输入,需要涉及到英文字母大小写、涉及到数字,甚至很多国产的设备,还涉及到汉字的输入,这部分内容,靠按键来实现是完全不现实的。遇到这种情况的时候,最好的处理办法,还是添加一块触摸屏。

有了触摸屏之后,就可以虚拟出一个键盘。这样的一个键盘,上面密密麻麻布置了很多的按键。通过把虚拟键盘和编辑框做一个绑定,那么就可以实现复杂的信息输入了。即使是中文,也可以通过这种方式来完成的。

有了虚拟键盘之后,我们就可以像操作手机一样操作嵌入式设备,整体产品的调性和档次也会增加不少。一般来说,触摸屏就是比普通lcd屏幕多一个触摸功能,用一对i2c总线就可以获取对应的x/y信息了。但交互方式,一下子就自然了很多。整体代码如下所示,

#include "../../lv_examples.h" #if LV_USE_KEYBOARD && LV_BUILD_EXAMPLES void lv_example_keyboard_2(void) { /*Create an AZERTY keyboard map*/ static const char * kb_map[] = {"A", "Z", "E", "R", "T", "Y", "U", "I", "O", "P", LV_SYMBOL_BACKSPACE, "\n", "Q", "S", "D", "F", "G", "J", "K", "L", "M", LV_SYMBOL_NEW_LINE, "\n", "W", "X", "C", "V", "B", "N", ",", ".", ":", "!", "?", "\n", LV_SYMBOL_CLOSE, " ", " ", " ", LV_SYMBOL_OK, NULL }; /*Set the relative width of the buttons and other controls*/ static const lv_buttonmatrix_ctrl_t kb_ctrl[] = {4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 6, 4, 4, 4, 4, 4, 4, 4, 4, 4, 6, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 2, LV_BUTTONMATRIX_CTRL_HIDDEN | 2, 6, LV_BUTTONMATRIX_CTRL_HIDDEN | 2, 2 }; /*Create a keyboard and add the new map as USER_1 mode*/ lv_obj_t * kb = lv_keyboard_create(lv_screen_active()); lv_keyboard_set_map(kb, LV_KEYBOARD_MODE_USER_1, kb_map, kb_ctrl); lv_keyboard_set_mode(kb, LV_KEYBOARD_MODE_USER_1); /*Create a text area. The keyboard will write here*/ lv_obj_t * ta; ta = lv_textarea_create(lv_screen_active()); lv_obj_align(ta, LV_ALIGN_TOP_MID, 0, 10); lv_obj_set_size(ta, lv_pct(90), 80); lv_obj_add_state(ta, LV_STATE_FOCUSED); lv_keyboard_set_textarea(kb, ta); } #endif

从代码中可以看出来,虚拟键盘是单独创建的,

lv_obj_t * kb = lv_keyboard_create(lv_screen_active()); lv_keyboard_set_map(kb, LV_KEYBOARD_MODE_USER_1, kb_map, kb_ctrl); lv_keyboard_set_mode(kb, LV_KEYBOARD_MODE_USER_1);

接着继续创建编辑区域,

lv_obj_t * ta; ta = lv_textarea_create(lv_screen_active()); lv_obj_align(ta, LV_ALIGN_TOP_MID, 0, 10); lv_obj_set_size(ta, lv_pct(90), 80); lv_obj_add_state(ta, LV_STATE_FOCUSED);

最后是把键盘和编辑区域,做一个绑定即可,

lv_keyboard_set_textarea(kb, ta);

3、web交互的方式

这种方式比较适合网络设备。首先,开发的设备上面至少需要一个网卡,不管是有线的,还是无线的,至少可以和外界通过网络进行沟通。其次,在嵌入式设备上面需要布置一个web server,这样外部浏览器和设备通信的时候,才有可能进行数据的交流。这样的web server不必很大,类似于mongoose就很合适。最后,要设计好交互的网页。一般来说,网页部分是单独设计出来的,比如大家熟悉的vue.js+elementui,就是前端的范畴。设计好了之后,随着web server一起部署到嵌入式设备上,这就完成了web的交互功能了。

就嵌入式设备而言,很多时候,web的加载和保存,都是为了配置一个ini文件。如果这个ini文件,可以完成文件的读取和保存,大体上web交互的作用就达到了。至于ini文件做什么用,什么时候起作用,这就要看嵌入式设备的应用场合和工作场景了。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 13:28:54

EmotiVoice能否支持歌唱合成?基频控制能力分析

EmotiVoice能否支持歌唱合成?基频控制能力分析 在虚拟歌手、AI音乐创作和交互式语音内容日益兴起的今天,一个自然的问题浮现:我们能否用现有的高表现力语音合成模型来“唱歌”?尤其是像 EmotiVoice 这类以“情感丰富”、“零样本克…

作者头像 李华
网站建设 2026/4/23 10:45:14

STM32 驱动五线四相步进电机(28BYJ-48+ULN2003)教程

本文将详细讲解如何使用STM32F103C8T6单片机驱动五线四相步进电机(典型型号:28BYJ-48),搭配 ULN2003 驱动模块实现电机的正转、反转、调速和定角度转动控制。教程基于 HAL 库开发,步骤清晰、代码可直接复用&#xff0c…

作者头像 李华
网站建设 2026/4/23 10:44:05

EmotiVoice语音节奏与语速调节功能操作指南

EmotiVoice语音节奏与语速调节功能操作指南 在虚拟偶像的直播弹幕中,一句“你开心吗?”如果用机械平直的声音念出,观众只会觉得冰冷;而当语速轻快、尾音微微上扬,哪怕没有画面,也能感受到那份雀跃。这正是现…

作者头像 李华
网站建设 2026/4/23 12:11:37

SpringBoot+Vue 工作量统计系统管理平台源码【适合毕设/课设/学习】Java+MySQL

摘要 在信息化快速发展的背景下,企业对员工工作量的精准统计和管理需求日益增长。传统的人工统计方式效率低下且容易出错,无法满足现代企业高效管理的需求。基于此,开发一套工作量统计系统管理平台具有重要意义。该系统通过数字化手段实现工作…

作者头像 李华
网站建设 2026/4/23 12:47:09

EmotiVoice如何优化长时间语音生成的内存占用?

EmotiVoice如何优化长时间语音生成的内存占用? 在有声书、虚拟主播或游戏NPC对话等应用场景中,用户往往需要连续输出数分钟甚至数十分钟的高质量语音。然而,传统文本转语音(TTS)系统在面对长文本时,常因显存…

作者头像 李华