news 2026/6/23 18:31:40

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/6/23 18:02:51

EmotiVoice如何设置不同性别与年龄的声音参数?

EmotiVoice如何设置不同性别与年龄的声音参数? 在虚拟主播24小时直播、AI客服能模仿你妈妈声音讲故事的今天,语音合成早已不再是“机器朗读”的代名词。用户不再满足于“听得清”,而是追求“像真人”——有情绪、有性格、甚至有年龄和性别的辨…

作者头像 李华
网站建设 2026/6/15 21:52:25

3步搞定Git泄露检测:GitHack让代码安全防护如此简单

3步搞定Git泄露检测:GitHack让代码安全防护如此简单 【免费下载链接】GitHack .git 泄漏利用工具,可还原历史版本 项目地址: https://gitcode.com/gh_mirrors/git/GitHack 你是否曾经担心过自己的代码仓库存在安全漏洞?GitHack作为一款…

作者头像 李华
网站建设 2026/6/22 23:52:54

小鹿快传完整指南:零基础搭建Web端P2P文件传输工具

小鹿快传完整指南:零基础搭建Web端P2P文件传输工具 【免费下载链接】deershare 小鹿快传,一款在线P2P文件传输工具,使用WebSocket WebRTC技术 项目地址: https://gitcode.com/gh_mirrors/de/deershare 小鹿快传(DeerShare…

作者头像 李华
网站建设 2026/6/22 15:01:57

EmotiVoice在动漫配音初稿生成中的提效作用

EmotiVoice在动漫配音初稿生成中的提效作用 在当今动漫制作的前期流程中,一个常被忽视却极为耗时的环节是——如何快速验证一段台词的情绪表达是否贴合角色设定。导演可能需要反复试听“愤怒”与“悲愤”的细微差别,编剧也常因一句台词改了十遍而让声优重…

作者头像 李华
网站建设 2026/6/23 12:26:26

租用共绩算力4090实测龙猫图片编辑

本人实测发现,本地配备的 16GB 显存显卡无法运行 LongCat-Image(龙猫图片编辑)项目,即便开启 CPU offloading(CPU 卸载)功能缓解显存压力,依然因显存不足导致运行失败。 为此,我在网…

作者头像 李华
网站建设 2026/6/23 12:26:24

VirtualMonitor虚拟显示器:5分钟零成本扩展你的工作空间

VirtualMonitor虚拟显示器:5分钟零成本扩展你的工作空间 【免费下载链接】VirtualMonitor 项目地址: https://gitcode.com/gh_mirrors/vi/VirtualMonitor 还在为单屏幕切换窗口而烦恼?VirtualMonitor虚拟显示器让你无需购买额外硬件,…

作者头像 李华