页面拖拽方法、装置、计算机设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
页面拖拽方法、装置、计算机设备及存储介质
本申请涉及数据处理
，尤其涉及一种页面拖拽方法、装置、计算机设备及存储介质。
技术介绍
显示页面拖拽功能是常见且重要的功能，如改变页面元素布局、拖动改变页面html元素位置等。将页面元素进行拖拽后，元素位置依赖的相关参照也发生了变化，因此很多拖拽改变位置的页面元素在使用旋转之后相对位置关系错乱，导致拖拽失败或者拖拽的效果无法显现。例如，在终端为竖屏显示的时候可以很好地进行显示页面拖动，但是终端为横屏显示的时候，经常受原生应用或者终端横竖屏切换的限制，无法正常进行页面拖拽，导致页面拖拽效率低。
技术实现思路
鉴于以上内容，有必要提出一种页面拖拽方法、装置、计算机设备及存储介质，能够提高页面的拖拽效率。本申请的第一方面提供了一种页面拖拽方法，所述页面拖拽方法包括：在当前显示页面中确定多个目标元素，所述目标元素中包括拖动元素；以所述拖动元素为索引词生成所述多个目标元素对应的索引，并根据所述索引创建目标容器；获取所述当前显示页面的显示参数；根据用本文档来自技高网...

【技术保护点】
1.一种页面拖拽方法，其特征在于，所述页面拖拽方法包括：/n在当前显示页面中确定多个目标元素，所述目标元素中包括拖动元素；/n以所述拖动元素为索引词生成所述多个目标元素对应的索引，并根据所述索引创建目标容器；/n获取所述当前显示页面的显示参数；/n根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数；/n根据所述显示参数，在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数；/n根据所述水平移动参数和所述竖直移动参数移动所述目标容器。/n

【技术特征摘要】
1.一种页面拖拽方法，其特征在于，所述页面拖拽方法包括：
在当前显示页面中确定多个目标元素，所述目标元素中包括拖动元素；
以所述拖动元素为索引词生成所述多个目标元素对应的索引，并根据所述索引创建目标容器；
获取所述当前显示页面的显示参数；
根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数；
根据所述显示参数，在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数；
根据所述水平移动参数和所述竖直移动参数移动所述目标容器。


2.根据权利要求1所述的页面拖拽方法，其特征在于，所述根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括：
确定用户在所述当前显示页面上进行所述拖拽操作的起始位置；
拷贝所述起始位置对应的页面元素，得到拷贝元素；
控制所述拷贝元素根据用户对所述当前显示页面的拖拽操作进行拖拽模拟，得到所述拷贝元素的移动参数；
根据所述移动参数确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。


3.根据权利要求1所述的页面拖拽方法，其特征在于，所述根据用户对所述当前显示页面的拖拽操作，确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括：
捕获用户对所述当前显示页面的拖拽操作中光标的移动信息；
根据所述移动信息确定所述拖拽操作对应的起点和终点；
计算所述起点和终点之间的水平差值和竖直差值，得到所述拖拽操作对应的第一拖拽参数和第二拖拽参数。


4.根据权利要求3所述的页面拖拽方法，其特征在于，所述根据所述移动信息确定所述拖拽操作对应的起点和终点包括：
实时捕获所述光标的像素值，并判断所述像素值是否发生变化；
当所述光标的像素值发生变化时，获取所述光标的当前坐标作为第一坐标；
根据所述第一坐标确定所述拖动元素对应的起点；
侦测所述光标的停留位置及停留时间；
当检测到所述光标在任意位置的停留时间大于或者等于预设时长时，获取所述光标在所述任意位置处的坐标作为第二坐标；
根据所述第二坐标确定所述拖动元素对应的终点。


5.根据权利要求1至4中任意一项所述的页面拖拽方法，其特征在于，所述根据所述显示参数，在所述第一拖拽参数和第二...

【专利技术属性】
技术研发人员：范伟林，
申请(专利权)人：中国平安财产保险股份有限公司，
类型：发明
国别省市：广东;44