在开发页面时,很多时候会给父元素或者整个页面添加响应事件,但是父元素或者页面肯定会添加各种子元素,这时候点击子元素就没办法出发到父元素的事件。
这是因为在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) // 添加事件冒泡属性