LVGL可拖拽窗口实现-Toy模板网

这篇具有很好参考价值的文章主要介绍了LVGL可拖拽窗口实现。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、 LVGL拖拽功能

LVGL obj提供了使能拖拽功能的函数：

lv_obj_set_drag(win, true);

不过在多元素界面，例如下边在 bg win上创建了若干个 sub win，bg win大部分面积被覆盖的情况下，如果单纯将 bg win 设置为可拖拽，则只有点击到没有被覆盖的区域才能成功，效果不满足要求；如果简单的把 sub win 也设置为可拖拽，结果是在 bg win中拖拽。
LVGL可拖拽窗口实现

二、通过回调函数实现功能

要实现的功能可通过事件触发时候改变 win 位置实现，如下，在初始化弹出窗口时候将占用面积较大的面板都添加回调函数，这样只要点击到这些地方都能成功触发

void uiInit(uint8_t popUpFlag)
{
    //init
    *****

    if(popUpFlag)	
    {
	    lv_obj_set_event_cb(ui->win, homePopUpUIDragEvCb);
	    lv_obj_set_event_cb(ui->sub1.win, homePopUpUIDragEvCb);
	    lv_obj_set_event_cb(ui->sub2.win, homePopUpUIDragEvCb);
	    lv_obj_set_event_cb(ui->sub3.win, homePopUpUIDragEvCb);
    }
}

在回调函数中在 LV_EVENT_PRESSING 等事件中获取偏移量然后更新 win 位置，优点是还可以限制拖拽边界等一系列操作。

void homePopUpUIDragEvCb(lv_obj_t* obj, lv_event_t e)
{
    if (e == LV_EVENT_PRESSING)
    {
	    lv_indev_t* indev = lv_indev_get_act(); //获取输入设备
	    if (indev == NULL)  return;

	    lv_point_t vect;
	    lv_indev_get_vect(indev, &vect);  //获取输入坐标位移向量

        if( vect.x != 0 || vect.y !=0 )
		{
			lv_coord_t x = lv_obj_get_x(getHomePUUI()->win) +vect.x;
			lv_coord_t y = lv_obj_get_y(getHomePUUI()->win)+ vect.y;
			lv_obj_set_pos(getHomePUUI()->win, (x<0)?0:((x>LV_HOR_RES_MAX-1-150)?(LV_HOR_RES_MAX-1-150):x), (y<0)?0:((y>LV_VER_RES_MAX-1-50)?(LV_VER_RES_MAX-1-50):y));//Limit drag boundaries 
		}
    }
    else if (e == LV_EVENT_PRESS_LOST)
    {
		lv_obj_set_ext_click_area(getHomePUUI()->win, 100, 100, 100, 100); //expand click area when press lost
    }
	else if (e == LV_EVENT_RELEASED)
    {
		lv_obj_set_ext_click_area(getHomePUUI()->win, 0, 0, 0, 0); //expand click area clear when released
    }
}

更新：

以上实现方式虽然增加了点击面积，但在指针离开 obj容易断触。

通过学习 lvgl源码触摸 obj 判定部分，了解到 obj存在 protect 属性，其中一个保护项 LV_PROTECT_PRESS_LOST 为：若 press 后离开 obj区域，但未断触，则不更新判定obj。

因此，在配置回调时增加该属性就可保证拉动不断触

lv_obj_set_event_cb(ui->sub1.win, homePopUpUIDragEvCb);
lv_obj_add_protect(ui->sub1.win, LV_PROTECT_PRESS_LOST);		//when press out of obj, don't change act obj

LVGL可拖拽窗口效果

三、使能拖拽结合回调？

直接使能拖拽后窗口拖拽可能拖到边边，没法拉回来，通过开启回调，类似 “二" 中设置方式设置可以限制边缘。

另外有 LV_EVENT_DRAG_BEGIN（拖拽开始时触发）、LV_EVENT_DRAG_END（拖拽结束时触发）、LV_EVENT_DRAG_THROW_BEGIN （带初速度（动量）的拖动动作开始时会触发？）三个事件，在使能拖拽后才会触发。

是否存在设置子对象跟随父对象拖拽的功能？文章来源地址https://www.toymoban.com/news/detail-425232.html

到了这里，关于LVGL可拖拽窗口实现的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！