[发明专利]页面拖拽方法、装置、计算机设备及存储介质

说明书

本申请涉及数据处理技术领域，公开了一种页面拖拽方法、装置、计算机设备及存储介质，所述页面拖拽方法包括：在当前显示页面中确定多个目标元素，所述目标元素中包括拖动元素；以所述拖动元素为索引词生成所述多个目标元素对应的索引，并根据所述索引创建目标容器；获取所述当前显示页面的显示参数；根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数；根据所述显示参数，在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数；根据所述水平移动参数和所述竖直移动参数移动所述目标容器。本申请可以实现在横屏、竖屏两种场景下拖拽效果一致，提高页面的拖拽效率。

技术领域

本申请涉及数据处理技术领域，尤其涉及一种页面拖拽方法、装置、计算机设备及存储介质。

背景技术

显示页面拖拽功能是常见且重要的功能，如改变页面元素布局、拖动改变页面html元素位置等。将页面元素进行拖拽后，元素位置依赖的相关参照也发生了变化，因此很多拖拽改变位置的页面元素在使用旋转之后相对位置关系错乱，导致拖拽失败或者拖拽的效果无法显现。例如，在终端为竖屏显示的时候可以很好地进行显示页面拖动，但是终端为横屏显示的时候，经常受原生应用或者终端横竖屏切换的限制，无法正常进行页面拖拽，导致页面拖拽效率低。

发明内容

鉴于以上内容，有必要提出一种页面拖拽方法、装置、计算机设备及存储介质，能够提高页面的拖拽效率。

本申请的第一方面提供了一种页面拖拽方法，所述页面拖拽方法包括：

在当前显示页面中确定多个目标元素，所述目标元素中包括拖动元素；

以所述拖动元素为索引词生成所述多个目标元素对应的索引，并根据所述索引创建目标容器；

获取所述当前显示页面的显示参数；

根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数；

根据所述显示参数，在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数；

根据所述水平移动参数和所述竖直移动参数移动所述目标容器。

根据本申请的一个可选的实施例，所述根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括：

确定用户在所述当前显示页面上进行所述拖拽操作的起始位置；

拷贝所述起始位置对应的页面元素，得到拷贝元素；

控制所述拷贝元素根据用户对所述当前显示页面的拖拽操作进行拖拽模拟，得到所述拷贝元素的移动参数；

根据所述移动参数确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。

根据本申请的一个可选的实施例，所述根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括：

捕获用户对所述当前显示页面的拖拽操作中光标的移动信息；

根据所述移动信息确定所述拖拽操作对应的起点和终点；

计算所述起点和终点之间的水平差值和竖直差值，得到所述拖拽操作对应的第一拖拽参数和第二拖拽参数。

根据本申请的一个可选的实施例，所述根据所述移动信息确定所述拖拽操作对应的起点和终点包括：

实时捕获所述光标的像素值，并判断所述像素值是否发生变化；

当所述光标的像素值发生变化时，获取所述光标的当前坐标作为第一坐标；

根据所述第一坐标确定所述拖动元素对应的起点；