LVGL-page控件

已于 2022-03-16 15:18:58 修改
阅读量1.3k 收藏 2
点赞数 1
文章标签： ui c++ mcu
于 2022-03-10 17:06:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47620452/article/details/123405678
版权

LVGL 页面控件 滚动管理 子对象 信号处理
关键词由CSDN通过智能技术生成

page的子对象

1、控件创建时会发送信号给它的父对象:

lv_obj_t * lv_obj_create(lv_obj_t * parent, const lv_obj_t * copy)

{

……

    /*Send a signal to the parent to notify it about the new child*/
    if(parent != NULL) {
        parent->signal_cb(parent, LV_SIGNAL_CHILD_CHG, new_obj);

        /*Invalidate the area if not screen created*/
        lv_obj_invalidate(new_obj);
    }

……

}

2、如果父对象是page(A_obj)时，子对像的父会被更改为page的扩展属性里面对像（ext->scrl,B_obj）。page的移动就是移动B_obj及B_obj为父的所有子对象(X_obj)。A_obj的坐标不会被修改的。

static lv_res_t lv_page_signal(lv_obj_t * page, lv_signal_t sign, void * param)

{

……

        child = lv_obj_get_child(page, NULL);
        while(child != NULL) {
            if(lv_obj_is_protected(child, LV_PROTECT_PARENT) == false) {
                lv_obj_t * tmp = child;
                child          = lv_obj_get_child(page, child); /*Get the next child before move this*/

                /* Reposition the child to take padding into account
                 * It's required to keep new the object on the same coordinate if FIT is enabled.*/
                if((tmp->coords.x1 == page->coords.x1)  &&
                   (fit_left == LV_FIT_TIGHT || fit_left == LV_FIT_MAX) &&
                   base_dir != LV_BIDI_DIR_RTL) {
                    tmp->coords.x1 += scrl_left;
                    tmp->coords.x2 += scrl_left;
                }
                else if((tmp->coords.x2 == page->coords.x2) &&
                        (fit_right == LV_FIT_TIGHT || fit_right == LV_FIT_MAX)
                        && base_dir == LV_BIDI_DIR_RTL) {
                    tmp->coords.x1 -= scrl_right;
                    tmp->coords.x2 -= scrl_right;
                }
                if((tmp->coords.y1 == page->coords.y1) && (fit_top == LV_FIT_TIGHT || fit_top == LV_FIT_MAX)) {
                    tmp->coords.y1 += scrl_top;
                    tmp->coords.y2 += scrl_top;
                }

                lv_obj_set_parent(tmp, ext->scrl);

            }
            else {
                child = lv_obj_get_child(page, child);
            }
        }

……

}

page的滚动传输

page的滚动传输是限于两个page控件之间。当控件支持drag动作时，由于坐标改变会触发static lv_res_t lv_page_scrollable_signal(lv_obj_t * scrl, lv_signal_t sign, void * param)。

滚动开始

                        lv_obj_set_drag_parent(page, true);
                        lv_obj_set_drag_parent(scrl, true);
                        parent_ext->scroll_prop_obj = page;

滚动结束时反向操作。

也可以人为的结合事件模拟滚动传输效果。

static lv_res_t lv_page_scrollable_signal(lv_obj_t * scrl, lv_signal_t sign, void * param)
{

    if(sign == LV_SIGNAL_GET_STYLE) {
        return ancestor_signal(scrl, sign, param);
    }

    lv_res_t res;

    /* Include the ancient signal function */
    res = ancestor_signal(scrl, sign, param);

    if(res != LV_RES_OK) return res;
    if(sign == LV_SIGNAL_GET_TYPE) return lv_obj_handle_get_type_signal(param, "");

    lv_obj_t * page               = lv_obj_get_parent(scrl);
    lv_page_ext_t * page_ext      = lv_obj_get_ext_attr(page);

    if(sign == LV_SIGNAL_COORD_CHG) {
        lv_obj_t * page_parent = lv_obj_get_parent(page);

        /*Handle scroll propagation*/
        lv_indev_t * indev = lv_indev_get_act();
        if(page_ext->scroll_prop  && indev) {
            lv_point_t * drag_sum = &indev->proc.types.pointer.drag_sum;
            lv_page_ext_t * parent_ext = lv_obj_get_ext_attr(lv_obj_get_parent(page_parent));
            if(parent_ext->scroll_prop_obj == NULL) {
                /*If the dragging just started or scroll is already propagated to this object
                 *  enable the scroll propagation if the conditions are met*/
                if((lv_indev_is_dragging(indev) == false || page_ext->scroll_prop_obj) && (drag_sum->y || drag_sum->x)) {
                    /*Propagate vertically?*/
                    if((drag_sum->y > 0 && lv_page_on_edge(page, LV_PAGE_EDGE_TOP)) ||
                       (drag_sum->y < 0 && lv_page_on_edge(page, LV_PAGE_EDGE_BOTTOM))) {
                        lv_obj_set_drag_parent(page, true);
                        lv_obj_set_drag_parent(scrl, true);
                        parent_ext->scroll_prop_obj = page;
                    }
                    /*Propagate horizontally?*/
                    if((drag_sum->x > 0 && lv_page_on_edge(page, LV_PAGE_EDGE_LEFT)) ||
                       (drag_sum->x < 0 && lv_page_on_edge(page, LV_PAGE_EDGE_RIGHT))) {
                        lv_obj_set_drag_parent(page, true);
                        lv_obj_set_drag_parent(scrl, true);
                        parent_ext->scroll_prop_obj = page;
                    }
                }
            }
        }

        scrl_reposition(page);

        lv_page_ext_t * ext      = lv_obj_get_ext_attr(page);

        /*The scrollbars are important only if they are visible now or the scrollable's size has changed*/
        if((ext->scrlbar.hor_draw || ext->scrlbar.ver_draw) ||
           (lv_obj_get_width(scrl) != lv_area_get_width(param) || lv_obj_get_height(scrl) != lv_area_get_height(param))) {
            scrlbar_refresh(page);
        }
    }
    else if(sign == LV_SIGNAL_STYLE_CHG) {
        scrl_reposition(page);
        scrlbar_refresh(page);
    }
    else if(sign == LV_SIGNAL_DRAG_BEGIN) {
        if(page_ext->scrlbar.mode == LV_SCROLLBAR_MODE_DRAG) {
            scrlbar_refresh(page);
        }
    }
    else if(sign == LV_SIGNAL_DRAG_END) {
        /*Scroll propagation is finished on drag end*/
        if(page_ext->scroll_prop_obj) {
            lv_obj_t * scroller_page = page_ext->scroll_prop_obj;
            lv_page_ext_t * scroller_page_ext      = lv_obj_get_ext_attr(scroller_page);
            page_ext->scroll_prop_obj = NULL;
            lv_obj_set_drag_parent(scroller_page, false);
            lv_obj_set_drag_parent(lv_page_get_scrollable(scroller_page), false);

            /*Hide scrollbars if required*/
            if(scroller_page_ext->scrlbar.mode == LV_SCROLLBAR_MODE_DRAG) {
                lv_area_t sb_area_tmp;
                if(scroller_page_ext->scrlbar.hor_draw) {
                    lv_area_copy(&sb_area_tmp, &scroller_page_ext->scrlbar.hor_area);
                    sb_area_tmp.x1 += scroller_page->coords.x1;
                    sb_area_tmp.y1 += scroller_page->coords.y1;
                    sb_area_tmp.x2 += scroller_page->coords.x1;
                    sb_area_tmp.y2 += scroller_page->coords.y1;
                    lv_obj_invalidate_area(scroller_page, &sb_area_tmp);
                    scroller_page_ext->scrlbar.hor_draw = 0;
                }
                if(scroller_page_ext->scrlbar.ver_draw) {
                    lv_area_copy(&sb_area_tmp, &scroller_page_ext->scrlbar.ver_area);
                    sb_area_tmp.x1 += scroller_page->coords.x1;
                    sb_area_tmp.y1 += scroller_page->coords.y1;
                    sb_area_tmp.x2 += scroller_page->coords.x1;
                    sb_area_tmp.y2 += scroller_page->coords.y1;
                    lv_obj_invalidate_area(scroller_page, &sb_area_tmp);
                    scroller_page_ext->scrlbar.ver_draw = 0;
                }
            }

            /*The scrolling can be chained so stop all of them*/
            lv_page_ext_t * scroller_ext = lv_obj_get_ext_attr(scroller_page);
            while(scroller_ext->scroll_prop_obj) {
                scroller_page = scroller_ext->scroll_prop_obj;
                scroller_ext->scroll_prop_obj = NULL;
                lv_obj_set_drag_parent(scroller_page, false);
                lv_obj_set_drag_parent(lv_page_get_scrollable(scroller_page), false);

                /*Hide scrollbars if required*/
                if(scroller_page_ext->scrlbar.mode == LV_SCROLLBAR_MODE_DRAG) {
                    scroller_page_ext->scrlbar.hor_draw = 0;
                    scroller_page_ext->scrlbar.ver_draw = 0;
                    lv_obj_invalidate(scroller_page);
                }
                scroller_ext = lv_obj_get_ext_attr(scroller_page);
            }
        }

        /*Hide scrollbars if required*/
        if(page_ext->scrlbar.mode == LV_SCROLLBAR_MODE_DRAG) {
            lv_area_t sb_area_tmp;
            if(page_ext->scrlbar.hor_draw) {
                lv_area_copy(&sb_area_tmp, &page_ext->scrlbar.hor_area);
                sb_area_tmp.x1 += page->coords.x1;
                sb_area_tmp.y1 += page->coords.y1;
                sb_area_tmp.x2 += page->coords.x1;
                sb_area_tmp.y2 += page->coords.y1;
                lv_obj_invalidate_area(page, &sb_area_tmp);
                page_ext->scrlbar.hor_draw = 0;
            }
            if(page_ext->scrlbar.ver_draw) {
                lv_area_copy(&sb_area_tmp, &page_ext->scrlbar.ver_area);
                sb_area_tmp.x1 += page->coords.x1;
                sb_area_tmp.y1 += page->coords.y1;
                sb_area_tmp.x2 += page->coords.x1;
                sb_area_tmp.y2 += page->coords.y1;
                lv_obj_invalidate_area(page, &sb_area_tmp);
                page_ext->scrlbar.ver_draw = 0;
            }
        }
    }
    else if(sign == LV_SIGNAL_CLEANUP) {
        page_ext->scrl = NULL;

    }
    return res;
}

page的重定位

page有个特点会根据子对象大小而扩展。当page移动时，ext->scrl坐标超出page的空间时会被重定位。保证不会因为子对象移动而改变大小。

static void scrl_reposition(lv_obj_t * page)
{
    /*Limit the position of the scrollable object to be always visible
     * (Do not let its edge inner then its parent respective edge)*/
    lv_obj_t * scrl = lv_page_get_scrollable(page);
    lv_coord_t new_x = lv_obj_get_x(scrl);
    lv_coord_t new_y = lv_obj_get_y(scrl);
    bool refr_x      = false;
    bool refr_y      = false;
    lv_area_t page_coords;
    lv_area_t scrl_coords;
    lv_obj_get_coords(scrl, &scrl_coords);
    lv_obj_get_coords(page, &page_coords);

    lv_style_int_t left = lv_obj_get_style_pad_left(page, LV_PAGE_PART_BG);
    lv_style_int_t right = lv_obj_get_style_pad_right(page, LV_PAGE_PART_BG);
    lv_style_int_t top = lv_obj_get_style_pad_top(page, LV_PAGE_PART_BG);
    lv_style_int_t bottom = lv_obj_get_style_pad_bottom(page, LV_PAGE_PART_BG);

    /*scrollable width smaller then page width? -> align to left*/
    if(lv_area_get_width(&scrl_coords) + left + right <= lv_area_get_width(&page_coords)) {
        if(scrl_coords.x1 != page_coords.x1 + left) {
            new_x  = left;
            refr_x = true;
        }
    }
    else {
        /*The edges of the scrollable can not be in the page (minus hpad) */
        if(scrl_coords.x2 < page_coords.x2 - right) {
            new_x = lv_area_get_width(&page_coords) - lv_area_get_width(&scrl_coords) - right; /* Right align */
            refr_x = true;
            lv_page_start_edge_flash(page, LV_PAGE_EDGE_RIGHT);
        }
        else if(scrl_coords.x1 > page_coords.x1 + left) {
            new_x  = left; /*Left align*/
            refr_x = true;
            lv_page_start_edge_flash(page, LV_PAGE_EDGE_LEFT);
        }
    }

    /*scrollable height smaller then page height? -> align to top*/
    if(lv_area_get_height(&scrl_coords) + top + bottom <= lv_area_get_height(&page_coords)) {
        if(scrl_coords.y1 != page_coords.y1 + top) {
            new_y  = top;
            refr_y = true;
        }
    }
    else {
        /*The edges of the scrollable can not be in the page (minus vpad) */
        if(scrl_coords.y2 < page_coords.y2 - bottom) {
            new_y = lv_area_get_height(&page_coords) - lv_area_get_height(&scrl_coords) - bottom; /* Bottom align */
            refr_y = true;
            lv_page_start_edge_flash(page, LV_PAGE_EDGE_BOTTOM);
        }
        else if(scrl_coords.y1 > page_coords.y1 + top) {
            new_y  = top; /*Top align*/
            refr_y = true;
            lv_page_start_edge_flash(page, LV_PAGE_EDGE_TOP);
        }
    }

    if(refr_x || refr_y) {
        lv_obj_set_pos(scrl, new_x, new_y);
    }
}

sailing-data
关注
掌握页面-用户控件通信
04-01
在.NET框架中，Web开发领域，ASP.NET是一个重要的组成部分，它提供了一种高效的方式来构建动态网页。本主题将深入探讨...阅读《Mastering Page-UserControl Communication》PDF文档将更深入地了解这些概念和技术。
lvgl之page控件
萧海的博客
01-14 187
【代码】lvgl之page控件。
Lvgl7 基础对象(lv_obj)
wasapp的博客
03-19 5280
Lvgl 基础对象(lv_obj)
LVGL Button控件的属性与用法
最新发布
学无止境，止于至善
08-11 749
LVGL（Light and Versatile Graphics Library）的Button控件是GUI开发中的基础控件之一，用于响应用户的点击事件。下面我将详细介绍LVGL Button控件的属性与用法，并给出一个简单的demo示例。
lvgl小部件-基础对象学习篇(二)
weixin_41080308的博客
03-27 3368
lvgl小部件-基础对象
LVGL8学习之Button
菜鸟攻城狮
08-25 2998
最近看到lvgl更新到了v8版本，V8版本和之前的V7版本有了不少的变化，现在开始继续学习一下， 今天主要学习Button的使用，还是通过codeblock来模拟代码的运行，下面上代码 static void btn_event_callback(lv_event_t* event) { static uint32_t counter = 1; lv_obj_t* btn = lv_event_get_target(event); //获取事件对象 if (btn != NU
LVGL (12) Areas 合并与更新
StephenZhou
05-06 4704
目录 区域之间的关系 独立区域 大面积重叠区域 小面积重叠 包含 超出屏幕 代码调用 在 LVGL 中，区域被定义为 lv_area_t 结构体，它通过 x1, y1, x2, y2，来代表一个矩形的区域； /** Represents an area of the screen.*/ typedef struct { lv_coord_t x1; lv_coord_t y1; lv_coord_t x2; lv_coord_t y2; } lv_area
LVGL『Page页面控件』介绍
朝气蓬勃
03-11 7765
一. LVGL GUI页面控件的概念 一个页面彼此包含两个容器： 背景 可滚动的顶部 二. LVGL GUI页面小部件和样式 页面的主要部分称为页面的LV_PAGE_PART_BG背景。它使用所有典型的背景样式属性。使用填充会增加侧面的空间。 可以通过LV_PAGE_PART_SCROLLABLE零件引用可滚动对象。它还使用所有典型的背景样式属性和填充来增加侧面的空间。 LV_PAGE_PART_SCROLLBAR是绘制滚动条的背景的虚拟部分。使用所有典型的背景样式属性，使用size设置滚动条的
2022年优秀-Web-服务器控件.pptx
11-14
在Web开发领域，Web服务器控件是构建动态网页的关键元素。2022年优秀的Web服务器控件继续扮演着重要角色，帮助开发者高效地创建交互式、功能丰富的网页应用。本文将深入探讨这些控件的各个方面，包括它们的类型、...
商业源码-编程源码-AjaxControlToolkit控件演示及源码.zip
06-14
- **Partial Page Rendering（部分页面渲染）**：这是ASP.NET AJAX的核心特性，允许仅更新页面的一部分，而不是整个页面，从而提高性能和用户体验。 - **ScriptManager**：此控件是使用AjaxControlToolkit的基石，...
PagerView - 分页控件
03-05
**PagerView 分页控件详解** 在Web开发中，数据展示是常见的需求，尤其是当数据量庞大时，分页功能显得尤为重要。`PagerView`是一款高效、易用的分页控件，它允许用户轻松地浏览和管理大量数据，提高用户体验。本篇...
易语言-易语言控件打印模块1.1
06-29
4. **打印操作**：最后，需要调用打印API，如Windows API的`StartDoc`、`StartPage`、`EndPage`等，来将画板上的内容发送到打印机。这个过程通常需要处理打印机设置、页边距、缩放等问题。 5. **易语言高级表格支持...
LVGL-obj对象
weixin_47620452的博客
03-15 1751
对象创建 1、lv中所有的对象都以obj为基础进行扩展的。创建对象时父对象是空，则在显示器屏链表增加一个节点，父对象非空则在其子链表增加一个节点。创建完成会通过parent->signal_cb(parent, LV_SIGNAL_CHILD_CHG, new_obj)通知父对象。 lv_obj_t * lv_obj_create(lv_obj_t * parent, const lv_obj_t * copy) { lv_obj_t * new_obj = NULL; /*C
LVGL学习笔记 30 - List（列表）
pq的博客
08-14 5617
列表是一个垂直布局的矩形，可以向其中添加按钮和文本。部件包含：LV_PART_MAIN - 主要的属性，大部分是这个部件。LV_PART_SCROLLBAR - 滚动条的属性。
【全csdn最前沿LVGL9】基础对象lv_obj
m0_62599305的博客
01-31 1883
LVGL（LittlevGL）是一个开源的嵌入式图形库，用于在嵌入式系统中创建用户界面。LVGL提供了一系列丰富而灵活的功能，使得开发者能够轻松创建漂亮、交互性强的用户界面。其中，lv_obj是LVGL中的基础对象，为整个图形库的构建提供了坚实的基础。本文将深入探讨LVGL的基础对象lv_obj，解释其在嵌入式界面开发中的关键作用。我们将介绍lv_obj的基本概念、用法和一些常见的应用场景，以帮助开发者更好地理解和利用LVGL进行嵌入式图形界面开发。基础要素定义：'基础对象’的属性。
LVGL说我怎么知道需要渲染哪些内容呢？（渲染的前提）
bai915290475的博客
04-03 711
因为自己本身就是做多媒体这块的，对lvgl本身的介绍就不多说了，从实际函数调用讲一讲吧。
vue-router常见问题解决方案。（滚轴回到顶部、页面跳转同一页面报错、手机电脑端路由跳转）
夏2同学的博客
12-22 322
当页面跳转后，侧边滚轴会还是一个页面位置 //路由跳转后，页面回到顶部 router.afterEach(() => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; }); 页面跳转同一页面，报错 // 消除跳转同一个页面报错 const originalPush = Router.prototype.push; Router.prototype.push = function push(locat
LVGL学习(3)：页面切换原理和页面管理实现
热门推荐
主要分享硬件、嵌入式软件部分知识
06-05 1万+
我们来分析一下这两种情况，比如页面1有一个列表框，有三个选项，每个选项对应进入一个页面。假设此时我们的焦点落在第二个选项上，然后点击进入页面2，我们要是想返回，我们是希望焦点还是保留在列表的第二个选项上的。基于这种情况来说，我们希望能够在保留页面1的同时(同时也保留了焦点)，创建页面2并加载。同时对于页面2来说，只是想用户选择的时候再加载，每次进入都处于初始状态，所以在从页面2返回页面1时，我们会希望删除页面2，再创建页面1并加载。
littleVGL 中tabview 标签修改
兵合的博客
08-12 301
可将aa4的4444改为9999。
lvgl 屏蔽page左右手势
04-27
要屏蔽LVGL中page控件的左右手势，可以通过设置page控件的回调函数来实现。具体方法是： 1. 创建一个新的page控件回调函数，命名为my_page_event_cb。 2. 在my_page_event_cb函数中，判断event参数是否为LV_EVENT_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值