lvgl 子元素触发父元素的事件

来源：好兔宠物网

在开发页面时，很多时候会给父元素或者整个页面添加响应事件，但是父元素或者页面肯定会添加各种子元素，这时候点击子元素就没办法出发到父元素的事件。

这是因为在lvgl中存在层级的概念，越写在后面层级越高，会把前面写的元素遮住。这时候就会导致底层元素的事件很难触发到。例如下图：

红色背景本来是有一个相应事件的，但是因为其包含了一个button子元素，导致触发到button的时候事件并没有响应。如果想要实现子元素也能触发父级元素的事，第一种方法就是给所有子元素都添加父级的事件。

还有一种就是给子元素button添加一个LV_OBJ_FLAG_EVENT_BUBBLE属性，其类似前端h5中事件冒泡属性，子元素添加后，父元素能够接收到其被触发的事件类型，它可以实现事件的一级级往上传递。

具体源码为：

lv_obj_t * btn1 = lv_btn_create(ui_main);
lv_obj_center(btn1);
lv_obj_add_flag(btn1, LV_OBJ_FLAG_EVENT_BUBBLE) // 添加事件冒泡属性

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文