芯课堂 | UI Creator 物理键盘移植指南

LVGL提供输入设备的种类一共有5种,分别是:touchpad(触摸板)、mouse(鼠标)、keypad(键盘)、encoder(编码器)、button(外部按键)。而基于UI Creator框架下我们已经提供了touchpad的输入设备移植,但通常在我们的项目中,有多种输入方式,除了比较常见的屏幕触摸之外,还有矩阵按键和旋转编码器等输入方式也较为常见,而键盘的移植和使用跟触摸板有所区别,本篇旨在详细说明如何基于UI Creator框架移植键盘的输入设备。

RECRUIT

首先我们找到lv_porting/lv_port_indev.c文件打开,在静态声明中把关于keypad相关的声明复制出来,如下图所示:

接着在lv_port_indev_init(void) 函数中同样把keypad相关的函数的复制出来,如下图所示:

然后在静态函数中同样地把keypad相关函数复制出来,如下图:

然后分别在keypad_init(void) 添加按键驱动的初始化和在keypad_get_key(void) 添加按键扫描代码,这里以每个IO驱动一个按键为例,将GPIO配置为输入、使能上拉,具体代码如下:

然后编写按键扫描代码,与其定义的键值一一匹配

为了方便验证,我们在keypad_read(...)中增加串口打印信息,来判断我们获取的键值是否正确

完成后编译下载,我们看到串口调试助手中,打印信息符合预期,至此我们的键盘移植完毕。

值得注意的是,我们需要使用lv_group_t *group = lv_group_create() 创建组,并且使用lv_group_add_obj(group, obj)在组中增加控件,最后将这个组添加给输入设备lv_indev_set_group(indev_keypad, group).

可以在界面的xxx_start(...)中创建组并添加控件,如下所示:

至此,我们完成了基于UI Creator的输入设备之键盘(keypad)的移植,并且已经添加对应的组和控件。

相关推荐
航Hang*19 小时前
Photoshop 图形与图像处理技术——第8章:图像的色彩与色彩调整和图像的输出与优化
图像处理·笔记·ui·photoshop
聪明努力的积极向上19 小时前
【C#】线程解析:从“页面未响应”到彻底理解 .NET 中的 UI 线程、Task、Thread、COM 与消息泵
ui·.net
阿蔹1 天前
UI测试自动化-Web-Python-Selenium-2-元素操作、浏览器操作
前端·python·selenium·ui·自动化
驱动开发0071 天前
成功将手机摄像头虚拟成电脑摄像头,实现Windows helo红外相机人脸识别登录
驱动开发·计算机外设·电脑·usb重定向·usb虚拟化
wenzhangli71 天前
Ooder框架8步编码流程实战 - DSM组件UI统计模块深度解析
windows·ui
MoonBit月兔1 天前
用 MoonBit 打造的 Luna UI:日本开发者 mizchi 的 Web Components 实践
前端·数据库·mysql·ui·缓存·wasm·moonbit
铭毅天下1 天前
Easysearch UI vs Kibana——可视化工具选型指南
ui
mastercoder--1 天前
速通51单片机————矩阵键盘及其应用
嵌入式硬件·计算机外设·51单片机
TESmart碲视1 天前
如何设置双屏KVM切换器(Win+Mac双屏双系统共享一套键鼠):手把手详细指南
macos·计算机外设·mst·kvm切换器·tesmart·双屏kvm切换器·tesmart碲视
航Hang*1 天前
Photoshop 图形与图像处理技术——第5章:路径与形状的应用
图像处理·笔记·ui·photoshop