在这里插入图片描述

文章目录

1. 背景

在做实际项目的时候,常常遇到,界面数据需要实时更新的场景,一般,我们都用lable控件来显示数据,静态显示大家应该都能搞定,那如果是显示实时变化的数值呢?
本篇将主要介绍,如何实现lable控件的数值实时变化显示。

在这里插入图片描述


2. 解决方案

首先,我们需要定义一个全局的object变量:

lv_obj_t* parameter_value_lable;

然后,在对应界面初始化的时候,将该变量赋值(及创建lable“实体”):

......
parameter_value_lable = lv_label_create(body_obj);
lv_obj_set_size(parameter_value_lable, 230, 45);
lv_obj_set_pos(parameter_value_lable, 5, 100);
lv_label_set_text(parameter_value_lable, "采样值:");
lv_obj_add_event_cb(parameter_value_lable, event_set_parameter_value_handler, LV_EVENT_VALUE_CHANGED, NULL);
......

注意,我们还添加设置了,lable的“事件”属性,事件触发回调函数:event_set_parameter_value_handler

static void event_set_parameter_value_handler(lv_event_t* e)
{
    lv_event_code_t code = lv_event_get_code(e);    // 获取回调事件
    lv_obj_t *obj = lv_event_get_target(e);
    if((LV_EVENT_VALUE_CHANGED == code) && (obj == parameter_value_lable))
    {
        lv_label_set_text_fmt(obj, "采样值:%d", samplevalue);
    }
}

最后,最关键的一步,我们需要设置触发源,就是当采样值变化了,需要更新lable显示的时候,需要发送个信号通知对应的lable,即触发上面的步骤中事件:

lv_event_send(parameter_value_lable, LV_EVENT_VALUE_CHANGED, NULL);

因为,parameter_value_lable是个全局的变量,lv_event_send函数可以在任何地方被调用(LVGL初始化完成后)。

经过上面的描述,相信各位小伙伴已经掌握了lable实时显示数据更新的方法,赶紧去试试吧!
请添加图片描述

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐