LVGL4种输入设备详解（触摸、键盘、实体按键、编码器）

已于 2025-02-08 22:02:41 修改
阅读量2k 收藏 18
点赞数 17
分类专栏： LVGL 文章标签： stm32 LVGL
于 2025-02-08 22:01:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ryh2004812/article/details/145523736
版权

lvgl有触摸、键盘、实体按键、编码器四种输入设备

先来分析一下这四种输入设备有什么区别

（1）LV_INDEV_TYPE_POINTER

主要用于触摸屏

用到哪个输入设备保留哪个其他的也是，保留触摸屏输入的任务注册，其它几种种输入任务的注册，注释掉

添加自己触摸函数

（2）LV_INDEV_TYPE_KEYPAD

要使用键盘或者编码器必须将创建个组，具体参考编码器

  • 必须创建一个对象组：并且必须使用lv_group_t * g = lv_group_create()

  • 将对象添加到组中lv_group_add_obj(g, obj)

  • 创建的组必须分配给输入设备：lv_indev_set_group(my_indev, g)

它的输入处理函数keypad_read中，就根据输入的不同按键(LV_KEY_UP,LV_KEY_DOWN,LV_KEY_LEFT,LV_KEY_RIGHT,LV_KEY_ENTER等)对Keypad所绑定的group内的组件进行操作，如焦点的切换、进度条的滑动。比如说对于一个Table来说，里面的数据很多，有一个滑动条，这个滑动条就受LV_KEY_UP和LV_KEY_DOWN键控制；而对于一个Tabview来说，Tab的切换则是受LV_KEY_LEFT和LV_KEY_RIGHT键控制。而Group中的组件之间的焦点切换则是通过LV_KEY_PREV和LV_KEY_NEXT键切换。

（3）LV_INDEV_TYPE_BUTTON

就是一个实体按键，适用于GUI中焦点永远在某一个组件上的情况。按下物理按键就代表GUI中的按键按下。

修改成按钮实际坐标

添加按键按下函数

（4）LV_INDEV_TYPE_ENCODER

使用编码器，您可以执行以下操作：

  1. 按下它的按钮

  2. 长按其按钮

  3. 左转

  4. 右转

简而言之，Encoder 输入设备的工作原理如下：

  • 通过转动编码器，您可以专注于下一个/上一个对象。

  • 当您在简单对象（如按钮）上按下编码器时，它将被单击。

  • 如果您在复杂对象（如列表、消息框等）上按下编码器，该对象将进入编辑模式，您可以通过转动编码器在对象内导航。

  • 要退出编辑模式，请长按按钮。

组的创建

从注释可以知道要使用键盘或者编码器必须将创建个组

可以使用自定义组和默认组

自定义组创建过程

  • 必须创建一个对象组：并且必须使用lv_group_t * g = lv_group_create()

  • 将对象添加到组中lv_group_add_obj(g, obj)

  • 创建的组必须分配给输入设备：lv_indev_set_group(my_indev, g)

以滑块为例

红色为聚焦时的状态，这个状态左旋右旋可以修改滑块值和检测按键按下

在lv_port.c中使用编码器

可以在用到的地方创建自定义组，那样可以不用声明组，但要声明输入设备

extern lv_indev_t * indev_encoder;
static lv_obj_t * slider1_label;
static lv_obj_t * slider2_label;
static lv_obj_t * slider3_label;
static lv_obj_t * slider4_label;

static void slider_event_cb(lv_event_t * e)
{
    lv_obj_t * slider = lv_event_get_target(e);
    int value = lv_slider_get_value(slider);
    char buf[8];
    lv_snprintf(buf, sizeof(buf), "%d%%", value);

    // 根据滑块更新对应的标签
    if (slider == lv_obj_get_child(lv_scr_act(), 0)) {
        lv_label_set_text(slider1_label, buf);
    } else if (slider == lv_obj_get_child(lv_scr_act(), 2)) {
        lv_label_set_text(slider2_label, buf);
    } else if (slider == lv_obj_get_child(lv_scr_act(), 4)) {
        lv_label_set_text(slider3_label, buf);
    } else if (slider == lv_obj_get_child(lv_scr_act(), 6)) {
        lv_label_set_text(slider4_label, buf);
    }
}

void lv_example_slider_1(void)
{
    /* 创建第一个滑块 */
    lv_obj_t * slider1 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider1, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider1, LV_ALIGN_TOP_MID, 0, 20);  // 将第一个滑块对齐到顶部中间
    lv_obj_add_event_cb(slider1, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第一个滑块的标签 */
    slider1_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider1_label, "0%");
    lv_obj_align_to(slider1_label, slider1, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建第二个滑块 */
    lv_obj_t * slider2 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider2, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider2, LV_ALIGN_TOP_MID, 0, 80);  // 将第二个滑块对齐到第一个滑块下方
    lv_obj_add_event_cb(slider2, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第二个滑块的标签 */
    slider2_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider2_label, "0%");
    lv_obj_align_to(slider2_label, slider2, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建第三个滑块 */
    lv_obj_t * slider3 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider3, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider3, LV_ALIGN_TOP_MID, 0, 140);  // 将第三个滑块对齐到第二个滑块下方
    lv_obj_add_event_cb(slider3, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第三个滑块的标签 */
    slider3_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider3_label, "0%");
    lv_obj_align_to(slider3_label, slider3, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建第四个滑块 */
    lv_obj_t * slider4 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider4, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider4, LV_ALIGN_TOP_MID, 0, 200);  // 将第四个滑块对齐到第三个滑块下方
    lv_obj_add_event_cb(slider4, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第四个滑块的标签 */
    slider4_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider4_label, "0%");
    lv_obj_align_to(slider4_label, slider4, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建 group */
    lv_group_t * group = lv_group_create();

    // 将滑块添加到组中
    lv_group_add_obj(group, slider1);
    lv_group_add_obj(group, slider2);
    lv_group_add_obj(group, slider3);
    lv_group_add_obj(group, slider4);

    // 将 group 绑定到输入设备（假设 indev_encoder 已初始化）
    lv_indev_set_group(indev_encoder, group);
}

使用默认组

对于一些比较复杂的组件使用默认组可以很方便

  • 在lvgl中有些部件，在创建的时候加入到默认组中，但是默认组变量lvgl并没有帮助我们初始化好，我们需要在创建部件之前初始化好才能使用默认组，这个自定义组一样不同的是对于创建时添加：

lv_group_t * g = lv_group_create(); // 创建一个组
lv_group_set_default(g);             // 设置为默认组

之后在需要的地方获取和绑定默认组

/* 获取group */
lv_group_t * group = lv_group_get_default();

// 将 group 绑定到输入设备
lv_indev_set_group(indev_encoder, group);

以tabview为例

可以在这里创建默认组

extern lv_indev_t * indev_encoder;
static lv_obj_t * slider1_label;
static lv_obj_t * slider2_label;
static lv_obj_t * slider3_label;
static lv_obj_t * slider4_label;

static void slider_event_cb(lv_event_t * e)
{
    lv_obj_t * slider = lv_event_get_target(e);
    int value = lv_slider_get_value(slider);
    char buf[8];
    lv_snprintf(buf, sizeof(buf), "%d%%", value);

    // 根据滑块更新对应的标签
    if (slider == lv_obj_get_child(lv_scr_act(), 0)) {
        lv_label_set_text(slider1_label, buf);
    } else if (slider == lv_obj_get_child(lv_scr_act(), 2)) {
        lv_label_set_text(slider2_label, buf);
    } else if (slider == lv_obj_get_child(lv_scr_act(), 4)) {
        lv_label_set_text(slider3_label, buf);
    } else if (slider == lv_obj_get_child(lv_scr_act(), 6)) {
        lv_label_set_text(slider4_label, buf);
    }
}

void lv_example_slider_1(void)
{
    /* 创建第一个滑块 */
    lv_obj_t * slider1 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider1, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider1, LV_ALIGN_TOP_MID, 0, 20);  // 将第一个滑块对齐到顶部中间
    lv_obj_add_event_cb(slider1, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第一个滑块的标签 */
    slider1_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider1_label, "0%");
    lv_obj_align_to(slider1_label, slider1, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建第二个滑块 */
    lv_obj_t * slider2 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider2, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider2, LV_ALIGN_TOP_MID, 0, 80);  // 将第二个滑块对齐到第一个滑块下方
    lv_obj_add_event_cb(slider2, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第二个滑块的标签 */
    slider2_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider2_label, "0%");
    lv_obj_align_to(slider2_label, slider2, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建第三个滑块 */
    lv_obj_t * slider3 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider3, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider3, LV_ALIGN_TOP_MID, 0, 140);  // 将第三个滑块对齐到第二个滑块下方
    lv_obj_add_event_cb(slider3, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第三个滑块的标签 */
    slider3_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider3_label, "0%");
    lv_obj_align_to(slider3_label, slider3, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建第四个滑块 */
    lv_obj_t * slider4 = lv_slider_create(lv_scr_act());
    lv_obj_set_size(slider4, 200, 10);  // 设置滑块的大小
    lv_obj_align(slider4, LV_ALIGN_TOP_MID, 0, 200);  // 将第四个滑块对齐到第三个滑块下方
    lv_obj_add_event_cb(slider4, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /* 创建第四个滑块的标签 */
    slider4_label = lv_label_create(lv_scr_act());
    lv_label_set_text(slider4_label, "0%");
    lv_obj_align_to(slider4_label, slider4, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    /* 创建 group */
    lv_group_t * group = lv_group_create();

    // 将滑块添加到组中
    lv_group_add_obj(group, slider1);
    lv_group_add_obj(group, slider2);
    lv_group_add_obj(group, slider3);
    lv_group_add_obj(group, slider4);

    // 将 group 绑定到输入设备（假设 indev_encoder 已初始化）
    lv_indev_set_group(indev_encoder, group);
}

实现获取编码器增量值和判断编码器是否按下

参考官方文档

实现获取编码器增量值和判断编码器是否按下 

详解C++中的ANSI、Unicode和UTF8三种字符编码及相互转换
dvlinker的技术专栏
06-08 1万+
本文详细介绍ANSI、Unicode和UTF8三种字符编码以及它们之间的相互转换，并给出了实际问题实例。
PyTorch深度学习实战（29）——变分自编码器(Variational Autoencoder, VAE)
盼小辉丶的博客
12-25 4958
变分自编码器 (Variational Autoencoder, VAE) 是一种结合了自编码器和概率建模的生成模型，通过编码器将输入数据映射到潜在空间中的概率分布，并通过解码器将从潜在空间采样得到的潜在变量映射回原始数据空间，实现了数据的生成和特征学习。
《ESP32-Arduino》LVGL之输入设备详解及实例(触摸屏,实体按键,编码器,多功能按键)
MGodmonkey的专属博客
03-01 1万+
LVGL之输入设备详解及实例(触摸屏,实体按键,编码器,多功能按键)
LVGL配置输入设备（按键）
weixin_46461874的博客
11-11 4501
配置lvgl输入设备（按键）
lvgl学习（一）
最新发布
ckg3824278的博客
03-20 979
在LVGL中，对象（Object）是用户界面（UI）的最小组成单元，是一切可视化控件（如按钮、标签、滑块等）的抽象基类。它定义了控件的基础行为和通用属性（位置、尺寸、样式、事件等），并通过继承机制派生出各类具体控件，形成层次化的UI结构。LVGL采用的是的编程思想，以抽象的类来实例化不同的对象（部件）。由于C语言中没有“类”的概念，LVGL以的形式来实现“类”的思想。
LVGL源码(5):Group概念以及导航态和编辑态、编码器模式驱动编写
qq_48211392的博客
01-13 1168
在 indev_encoder_proc函数最后还有一个判断，这个判断就决定了编码器模式下，处于导航态时，按下LV_KEY_LEFT或者LV_KEY_RIGHT就切换焦点，处于编辑态时按下LV_KEY_LEFT或者LV_KEY_RIGHT就发送LV_EVENT_KEY事件，传递键值LV_KEY_LEFT或者LV_KEY_RIGHT，从而可以改变控件数值。用keypad模式的话键值就是LV_KEY_ENTER、LV_KEY_PREV/LV_KEY_NEXT、LV_KEY_UP、LV_KEY_DOWN。
【LVGL- 按键，旋转编码器，触摸】
sinat_23896491的博客
11-28 603
l 按键，旋转编码器，触摸■ 按键■ 旋转编码器■ 触摸 ■ 按键 ■ 旋转编码器 ■ 触摸
LVGL-输入设备
qq_27762339的博客
07-09 1663
LVGL 输入设备
ESP32系列之LVGL（四）：输入设备（外部按键）对接
m0_55986987的博客
09-27 7794
lvgl 按键输入
LVGL学习3--物理按键
weixin_43634746的博客
04-10 2913
LVGL学习3--物理按键
LVGL使用记 - 实体按键
我的博客
03-22 1万+
介绍一下实体按键在LVGL上的使用。 添加输入设备文件，如下图： 改写输入设备接口文件，如下图 1.屏蔽其他输入设备，保留keypad相关的文件 2.添加实体按键底层驱动初始化文件 3.添加按键id读取函数 4.添加自己的id值 5.修改按键id，并返回自己的id 6.按键关联绑定对象初始化，放在初始化中。 7.按键事件处理 至此实现实体按键功能控制屏幕元素功能. ...
【LVGL-键盘部件，实体按键控制】
sinat_23896491的博客
03-27 2964
LVGL-二维码库■ LVGL-键盘部件■ 示例一：键盘弹窗提示■ 示例二：设置键盘模式■ 综合示例：■ LVGL-实体按键控制■ 简介 ■ LVGL-键盘部件 ■ 示例一：键盘弹窗提示 lv_keyboard_set_popovers(kb,true); ■ 示例二：设置键盘模式 lv_keyboard_set_mode(kb,KEYBOARD_MODE_NUMBER); //数字键盘模式 ■ 综合示例： /** * @brief 键盘事件回调 * @param *e ：事件相关
lvgl使用旋转编码器(EC11)做为输入设备，使用单色OLED做为显示设备。
06-25
用的单色OLED屏显示，不得不说，使用单色屏幕的话，有些控件不能正常显示，需要自己额外设定一下，而且对于有动态变化的控件来说更是如此，比如按钮，在彩色屏幕下正常添加一个按钮按下时会有按下的动态效果，而在单色屏幕下就需要额外设置。还有开关等，可能都需要额外设置。对于只是起显示作用的控件来说影响不大，标签，图表，线条等。写了一个界面，其中包含两个按钮，使用编码器进行选择。
templateLVGL物理按键.rar
10-14
正点原子mini开发板加屏幕 演示视频：https://www.bilibili.com/video/BV1yT4y1F7Zp?from=search&seid=2354469538140714037&spm_id_from=333.337.0.0
lvgl8.0.1中文拼音输入法(QT仿真完整工程)
06-06
自己用的 适用于单片机的lvgl简单中文键盘拼音输入法，使用QT5.14创建，直接打开即可运行模拟器 如果QT编译提示有错误,尝试在构建设置中重设目录：QT的左边栏-"项目"->"Desktop QT5.14.2 MinGW 32-bit"->"构建设置"->"概要"->"构建目录",填入一个目录，比如“../output”，参考“如有QT编译错误看这里.jpg” GUI: lvgl8.0.1 1. 功能 适用于单片机的中文拼音输入法，创建一个拼音输入的键盘，接受拼音输入，并显示拼音对应的候选字，通过触摸点击选择目标候选汉字，gui平台是lvgl8.0.1。 2. 原理 在lvgl原文件"lv_keyboard.c"基础上进行键盘的改写，新文件名为"lv_cn_keyboard.c"，共同存放于"lvgl\src\extra\widgets\keyboard\"目录下，相关的对外函数名称以"lv_cn_xxx"开头。
嵌入式单片机基础篇（四）之stm32以及51单片机按键输入详解
lostlll的博客
05-26 4157
嵌入式工程师成长之路（四） #stm32以及51单片机按键输入详解 第一部分 stm32 按键输入 1、问题：简述按键输入的基本原理？ 回答：按键输入就是将GPIO口配置成输入模式，当芯片检测到IO口的电平状态改变了就执行一些其他功能，比如让led灯发光或者蜂鸣器发声等 2、按键开关的硬件电路图分析 如上图所示可以分析出当按键按下时，该引脚的电平变为低电平，也就是低电平有效 3、实现程序分析 （1）首先要配置按键的IO口状态 void KEY_Init(void) //IO 初始化 { GPIO_Ini
xss编码绕过详解（更像是在介绍实体编码和JS编码的解析过程）
qq_41631096的博客
03-09 4563
xss编码绕过详解（更像是在介绍实体编码和JS编码的解析过程） 注：本文通过研究各种情况下实体编码和JS编码是否生效，进而总结了哪些情况下能够进行编码后，javascript代码依然能够正常执行。 解析顺序是这样的，URL 解析器，HTML 解析器， CSS 解析器，JS解析器 URL的解码是在后台服务检测之前的，可以理解为后台收到URL后会自动进行解码， 然后才是执行开发人员编写的对URL中的值...
【AI大模型】Prompt 提示词工程使用详解
热门推荐
congge
07-28 2万+
Prompt 提示词工程使用详解
LVGL学习笔记6 - 输入设备
pq的博客
12-28 8326
输入设备的回调函数需要用户根据硬件自己实现，例如上例中的lv_win32_pointer_driver_read_callback、lv_win32_keypad_driver_read_callback和lv_win32_encoder_driver_read_callback。通过lv_obj_add_event_cb给对象添加事件处理程序函数。filter - 事件代码，例如LV_EVENT_CLICKED表示点击事件，具体可以看lv_event.h中的枚举lv_event_code_t。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值