CN112965645A - 页面拖拽方法、装置、计算机设备及存储介质 - Google Patents

页面拖拽方法、装置、计算机设备及存储介质 Download PDF

Info

Publication number
CN112965645A
CN112965645A CN202110277788.0A CN202110277788A CN112965645A CN 112965645 A CN112965645 A CN 112965645A CN 202110277788 A CN202110277788 A CN 202110277788A CN 112965645 A CN112965645 A CN 112965645A
Authority
CN
China
Prior art keywords
dragging
parameter
page
determining
current display
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202110277788.0A
Other languages
English (en)
Other versions
CN112965645B (zh
Inventor
范伟林
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ping An Property and Casualty Insurance Company of China Ltd
Original Assignee
Ping An Property and Casualty Insurance Company of China Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ping An Property and Casualty Insurance Company of China Ltd filed Critical Ping An Property and Casualty Insurance Company of China Ltd
Priority to CN202110277788.0A priority Critical patent/CN112965645B/zh
Publication of CN112965645A publication Critical patent/CN112965645A/zh
Application granted granted Critical
Publication of CN112965645B publication Critical patent/CN112965645B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

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

Description

页面拖拽方法、装置、计算机设备及存储介质
技术领域
本申请涉及数据处理技术领域,尤其涉及一种页面拖拽方法、装置、计算机设备及存储介质。
背景技术
显示页面拖拽功能是常见且重要的功能,如改变页面元素布局、拖动改变页面html元素位置等。将页面元素进行拖拽后,元素位置依赖的相关参照也发生了变化,因此很多拖拽改变位置的页面元素在使用旋转之后相对位置关系错乱,导致拖拽失败或者拖拽的效果无法显现。例如,在终端为竖屏显示的时候可以很好地进行显示页面拖动,但是终端为横屏显示的时候,经常受原生应用或者终端横竖屏切换的限制,无法正常进行页面拖拽,导致页面拖拽效率低。
发明内容
鉴于以上内容,有必要提出一种页面拖拽方法、装置、计算机设备及存储介质,能够提高页面的拖拽效率。
本申请的第一方面提供了一种页面拖拽方法,所述页面拖拽方法包括:
在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;
以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器;
获取所述当前显示页面的显示参数;
根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;
根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;
根据所述水平移动参数和所述竖直移动参数移动所述目标容器。
根据本申请的一个可选的实施例,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
确定用户在所述当前显示页面上进行所述拖拽操作的起始位置;
拷贝所述起始位置对应的页面元素,得到拷贝元素;
控制所述拷贝元素根据用户对所述当前显示页面的拖拽操作进行拖拽模拟,得到所述拷贝元素的移动参数;
根据所述移动参数确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
根据本申请的一个可选的实施例,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
捕获用户对所述当前显示页面的拖拽操作中光标的移动信息;
根据所述移动信息确定所述拖拽操作对应的起点和终点;
计算所述起点和终点之间的水平差值和竖直差值,得到所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
根据本申请的一个可选的实施例,所述根据所述移动信息确定所述拖拽操作对应的起点和终点包括:
实时捕获所述光标的像素值,并判断所述像素值是否发生变化;
当所述光标的像素值发生变化时,获取所述光标的当前坐标作为第一坐标;
根据所述第一坐标确定所述拖动元素对应的起点;
侦测所述光标的停留位置及停留时间;
当检测到所述光标在任意位置的停留时间大于或者等于预设时长时,获取所述光标在所述任意位置处的坐标作为第二坐标;
根据所述第二坐标确定所述拖动元素对应的终点。
根据本申请的一个可选的实施例,所述根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数包括:
当所述显示参数为第一参数时,将所述第一拖拽参数确定为水平移动参数,将所述第二拖拽参数确定为竖直移动参数;
当所述显示参数为第二参数时,将所述第二拖拽参数确定为水平移动参数,对所述第一拖拽参数进行取反处理得到竖直移动参数。
根据本申请的一个可选的实施例,所述在所述当前显示页面中确定多个目标元素包括:
响应于用户对所述当前显示页面的触摸事件,确定所述触摸事件对应的DOM元素;
获取所述DOM元素在所述当前显示页面中的位置信息;
根据所述位置信息确定所述当前显示页面中的拖动对象,并在所述拖动对象中确定多个目标元素。
根据本申请的一个可选的实施例,所述在所述拖动对象中确定多个目标元素包括:
获取所述拖动对象对应的页面描述性文本;
确定所述页面描述性文本中的多个页面元素;
查询预设的标识记录表,根据所述多个页面元素对应的元素标识确定所述页面元素对应的重要度;
将大于预设阈值的重要度对应的页面元素确定为目标元素。
本申请的第二方面提供了一种页面拖拽装置,所述装置包括:
目标确定模块,用于在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;
容器创建模块,用于以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器;
参数获取模块,用于获取所述当前显示页面的显示参数;
操作响应模块,用于根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;
参数确定模块,用于根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;
页面拖拽模块,用于根据所述水平移动参数和所述竖直移动参数移动所述目标容器。
本申请的第三方面提供了一种计算机设备,所述计算机设备包括存储器和处理器;所述存储器用于存储计算机程序;所述处理器,用于执行所述计算机程序并在执行所述计算机程序时实现如上述的页面拖拽方法。
本申请的第四方面提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时使所述处理器实现如上述的页面拖拽方法。
本申请实施例公开了一种页面拖拽方法、装置、计算机设备及存储介质,通过在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器,生成所述多个目标元素对应的索引提高了对目标元素的管理,同时根据所述索引创建目标容器,使得进行页面拖拽后,页面的样式不发生改变,提高了页面拖拽的准确率,生成目标容器也提高了页面拖拽的效率;获取所述当前显示页面的显示参数;根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;根据所述水平移动参数和所述竖直移动参数移动所述目标容器;本申请能过通过所述显示参数在所述第一拖拽参数和第二拖拽参数中,确定所述目标容器的水平移动参数和竖直移动参数,实现在横屏、竖屏两种场景下拖拽效果一致,能正常的完成页面拖拽,提高页面拖拽的效率。
附图说明
图1是本申请实施例提供的一种页面拖拽方法的流程示意图;
图2是本申请实施例提供的一种页面拖拽装置的示意性框图;
图3是本申请实施例提供的一种计算机设备的结构示意性框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
附图中所示的流程图仅是示例说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解、组合或部分合并,因此实际执行的顺序有可能根据实际情况改变。
本申请实施例提供一种页面拖拽方法、装置、计算机设备及计算机可读存储介质。其中,该页面拖拽方法可应用于终端设备或服务器中,该终端设备可以手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等电子设备,该服务器可以为单台的服务器,也可以为由多台服务器组成的服务器集群。以下以该页面拖拽方法应用于服务器为例进行解释说明。
下面结合附图,对本申请的一些实施方式作详细说明。在不冲突的情况下,下述的实施例及实施例中的特征可以相互组合。
请参阅图1,图1是本申请实施例提供的一种页面拖拽方法的示意流程图。
如图1所示,所述页面拖拽方法具体包括步骤S11至S16,根据不同的需求,该流程图中步骤的顺序可以改变,某些可以省略。
S11,在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素。
其中,当前显示页面是终端显示屏上当前显示的页面。终端上可运行有应用程序,运行的应用程序所呈现的页面为当前显示页面。
示例性的,可根据用户的拖拽指令在所述当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素。所述拖拽指令用于使当前显示页面向指定方向进行移动。示例性的,终端可以根据用户对所述当前显示页面的触控或按压等操作生成拖拽指令。例如,当检测到用户对所述当前显示页面的触控时长大于预设的时间阈值,生成拖拽指令。
在一些实施方式中,所述在所述当前显示页面中确定多个目标元素包括:
响应于用户对所述当前显示页面的触摸事件,确定所述触摸事件对应的DOM元素;
获取所述DOM元素在所述当前显示页面中的位置信息;
根据所述位置信息确定所述当前显示页面中的拖动对象,并在所述拖动对象中确定多个目标元素。
当用户直接触摸到当前显示页面中的一个DOM元素或者用户通过鼠标等工具触动当前显示页面中的一个DOM元素时,会触发一个触摸事件(touchstart事件)。当获取到所述touchstart事件时,确定所述touchstart事件对应的DOM元素。获取所述DOM元素在所述当前显示页面中位置信息,例如,可根据DOM元素的标识获取所述DOM元素在所述当前显示页面中位置信息,如DOM元素在所述当前显示页面中的横坐标和纵坐标。确定所述位置信息在所述当前显示页面中对应的最小可拖动单元,将所述最小可拖动单元确定为拖动对象。示例性的,所述最小可拖动单元可以当前显示页面中可拖动的某个模块,如图片模块;所述最小可拖动单元也可以是所述当前显示页面。
在一些实施方式中,所述在所述拖动对象中确定多个目标元素包括:
获取所述拖动对象对应的页面描述性文本;
确定所述页面描述性文本中的多个页面元素;
查询预设的标识记录表,根据所述多个页面元素对应的元素标识确定所述页面元素对应的重要度;
将大于预设阈值的重要度对应的页面元素确定为目标元素。
示例性的,预先设置标识记录表,所述标识记录表中记录了标识对应的元素信息,根据所述元素信息在所述多个页面节点中确定多个目标元素,其中所述目标元素中包括拖动元素。示例性的,所述标识记录表可存储在区块链中,保证标识记录表的安全性和不易篡改性,提高页面拖拽的效率。
例如,可根据所述元素信息确定所述页面元素对应的重要度,将重要度大于预设阈值的页面元素确定为目标元素。根据所述元素信息在所述目标元素中确定拖动元素,如将所述元素信息中draggable属性为true的目标元素确定为拖动元素。所述预设阈值包括预设重要度阈值,可根据实际情况进行设置,在此不做任何限定。
S12,以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器。
以所述拖动元素为索引词,根据所述目标元素对应的页面描述性文本生成所述多个目标元素对应的索引,提高了对所述目标元素的管理。
其中,所述目标容器用于实现页面拖拽,可以是所述页面描述性文本进行封装后的文本容器,通过移动所述目标容器实现页面拖拽。根据所述索引创建目标容器,使得进行页面拖拽后,页面的样式不发生改变,提高了页面拖拽的准确率。
在一些实施方式中,所述以所述拖动元素为索引词生成所述多个目标元素对应的索引包括:
获取所述多个目标元素对应的HTML代码和CSS代码;
将所述HTML代码和所述CSS代码输入代码解析器得到所述多个目标元素对应的DOM树;
按照预设的读取顺序读取所述DOM树中的目标元素,并根据读取到目标元素的顺序将读取到的目标元素依次进行字符转换生成字符串;
将所述拖动元素作为索引词;
根据所述字符串和所述索引词生成多个目标元素对应的索引。
所述HTML代码为所述多个目标元素对应页面的页面描述性代码,所述CSS代码为所述多个目标元素对应页面的排布规则代码。解析所述HTML代码和所述CSS代码可以获取多个目标元素及所述多个目标元素中各个元素之间的关联性,从而生成所述多个目标元素对应的DOM树。
示例性的,所述预设的读取顺序可以为从上到下,从左到右的读取顺序,根据所述读取顺序读取所述DOM树中的每一层。
通过生成所述多个目标元素对应的DOM树,并根据预设的顺序读取所述DOM树获取目标元素,并根据读取目标元素的顺序,将所述多个目标元素进行字符转换生成字符串,使得生成的索引保留了所述多个目标元素对应的页面排布顺序,使得进行页面拖拽后,页面的样式不发生改变,提高了页面拖拽的准确率。
S13,获取所述当前显示页面的显示参数。
示例性的,可以预先定义一个显示参数,通过根据所述显示参数的类型确定所述当前显示页面的显示方位,即确定所述当前显示页面的显示方位是否为横屏。例如,定义一个参数horizontal,当所述当前显示页面的显示方位为横屏时,所述参数horizontal的值为true,当所述当前显示页面的显示方位为竖屏时,则所述参数horizontal的值为false或者所述参数horizontal为空值。根据所述参数horizontal的值可判断所述当前显示页面的显示方位。
S14,根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
示例性的,所述拖拽操作包括用户触摸所述当前显示页面产生的拖拽操作和/或用户通过鼠标在所述当前显示页面上拖拽操作。
在一些实施方式中,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
确定用户在所述当前显示页面上进行所述拖拽操作的起始位置;
拷贝所述起始位置对应的页面元素,得到拷贝元素;
控制所述拷贝元素根据用户对所述当前显示页面的拖拽操作进行拖拽模拟,得到所述拷贝元素的移动参数;
根据所述移动参数确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
其中,所述页面元素包括DOM元素。示例性的,将所述移动参数中的水平移动参数确定为所述拖拽指令对应的第一拖拽参数,将所述移动参数中的竖直移动参数确定为所述拖拽指令对应的第二拖拽参数。
在一些实施方式中,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
捕获用户对所述当前显示页面的拖拽操作中光标的移动信息;
根据所述移动信息确定所述拖拽操作对应的起点和终点;
计算所述起点和终点之间的水平差值和竖直差值,得到所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
示例性的,可基于WebView捕获用户对所述当前显示页面的拖拽操作中光标的移动信息。
在一些实施方式中,所述根据所述移动信息确定所述拖拽操作对应的起点和终点包括:
实时捕获所述光标的像素值,并判断所述像素值是否发生变化;
当所述光标的像素值发生变化时,获取所述光标的当前坐标作为第一坐标;
根据所述第一坐标确定所述拖动元素对应的起点;
侦测所述光标的停留位置及停留时间;
当检测到所述光标在任意位置的停留时间大于或者等于预设时长时,获取所述光标在所述任意位置处的坐标作为第二坐标;
根据所述第二坐标确定所述拖动元素对应的终点。
示例性的,所述根据所述第一坐标确定所述起点可以包括:从所述页面参数中获取所述待测浏览器的当前界面的背景色;确定所述背景色的像素值;检测所述第一坐标在周围预设范围内是否包括其他不同于所述背景色的像素值的坐标,得到检测结果;
根据所述检测结果确定所述起点。
进一步地,所述根据所述检测结果确定所述起点包括:当检测到所述第一坐标在周围预设范围内不具有其他不同于所述背景色的像素值的坐标时,将所述第一坐标确定为所述起点;或者当检测到所述第一坐标在周围预设范围内具有其他不同于所述背景色的像素值的坐标时,从检测到的坐标中获取与所述第一坐标距离最近的坐标作为所述起点。
需要说明的是,所述终点的确定方式与所述起点的确定方式类似,在此将不赘述。
S15,根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数。
根据所述显示参数确定所述当前显示页面的显示方位,并根据所述显示方位在所述第一拖拽参数和第二拖拽参数中确定所述目标容器的水平移动参数和竖直移动参数。其中,所述第一拖拽参数和第二拖拽参数是所述当前显示页面上的移动参数,所述水平移动参数和竖直移动参数是所述当前显示页面对应的显示器上的移动参数。
在一些实施方式中,所述根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数包括:
当所述显示参数为第一参数时,将所述第一拖拽参数确定为水平移动参数,将所述第二拖拽参数确定为竖直移动参数;
当所述显示参数为第二参数时,将所述第二拖拽参数确定为水平移动参数,对所述第一拖拽参数进行取反处理得到竖直移动参数。
当所述显示参数为第一参数时,所述当前显示页面的显示方位为竖屏,所述第一参数可以为false或空值;当所述显示参数为第二参数时,所述当前显示页面的显示方位为横屏,所述第二参数可以为true。当所述当前显示页面的显示方位为竖屏时,将所述第一拖拽参数确定为所述目标容器的水平移动参数,将所述第二拖拽参数确定为所述目标容器的竖直移动参数;当所述当前显示页面的显示方位为横屏时,将所述第二拖拽参数确定为所述目标容器的水平移动参数,将所述第一拖拽参数进行取反处理得到竖直移动参数。例如,所述第一拖拽参数为“2”时,对所述第一拖拽参数进行取反处理得到的竖直移动参数为“-2”。
S16,根据所述水平移动参数和所述竖直移动参数移动所述目标容器。
示例性的,可控制CSS3中的transform模块根据所述水平移动参数和所述竖直移动参数移动所述目标容器,完成页面拖拽。
上述实施例提供的页面拖拽方法,通过在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器,生成所述多个目标元素对应的索引提高了对目标元素的管理,同时根据所述索引创建目标容器,使得进行页面拖拽后,页面的样式不发生改变,提高了页面拖拽的准确率,生成目标容器也提高了页面拖拽的效率;获取所述当前显示页面的显示参数;根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;根据所述水平移动参数和所述竖直移动参数移动所述目标容器;本申请能过通过所述显示参数在所述第一拖拽参数和第二拖拽参数中,确定所述目标容器的水平移动参数和竖直移动参数,实现在横屏、竖屏两种场景下拖拽效果一致,能正常的完成页面拖拽,提高页面拖拽的效率。
请参阅图2,图2是本申请的实施例提供的一种页面拖拽装置的示意性框图,该页面拖拽装置用于执行前述的页面拖拽方法。其中,该页面拖拽装置可以配置于服务器或终端中。
其中,服务器可以为独立的服务器,也可以为服务器集群。该终端可以是手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等电子设备。
如图2所示,页面拖拽装置20包括:目标确定模块201、容器创建模块202、参数获取模块203、操作响应模块204、参数确定模块205和页面拖拽模块206。
目标确定模块201,用于在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素。
其中,当前显示页面是终端显示屏上当前显示的页面。终端上可运行有应用程序,运行的应用程序所呈现的页面为当前显示页面。
示例性的,可根据用户的拖拽指令在所述当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素。所述拖拽指令用于使当前显示页面向指定方向进行移动。示例性的,终端可以根据用户对所述当前显示页面的触控或按压等操作生成拖拽指令。例如,当检测到用户对所述当前显示页面的触控时长大于预设的时间阈值,生成拖拽指令。
在一些实施方式中,目标确定模块201在所述当前显示页面中确定多个目标元素包括:
响应于用户对所述当前显示页面的触摸事件,确定所述触摸事件对应的DOM元素;
获取所述DOM元素在所述当前显示页面中的位置信息;
根据所述位置信息确定所述当前显示页面中的拖动对象,并在所述拖动对象中确定多个目标元素。
当用户直接触摸到当前显示页面中的一个DOM元素或者用户通过鼠标等工具触动当前显示页面中的一个DOM元素时,会触发一个触摸事件(touchstart事件)。当获取到所述touchstart事件时,确定所述touchstart事件对应的DOM元素。获取所述DOM元素在所述当前显示页面中位置信息,例如,可根据DOM元素的标识获取所述DOM元素在所述当前显示页面中位置信息,如DOM元素在所述当前显示页面中的横坐标和纵坐标。确定所述位置信息在所述当前显示页面中对应的最小可拖动单元,将所述最小可拖动单元确定为拖动对象。示例性的,所述最小可拖动单元可以当前显示页面中可拖动的某个模块,如图片模块;所述最小可拖动单元也可以是所述当前显示页面。
在一些实施方式中,目标确定模块201在所述拖动对象中确定多个目标元素包括:
获取所述拖动对象对应的页面描述性文本;
确定所述页面描述性文本中的多个页面元素;
查询预设的标识记录表,根据所述多个页面元素对应的元素标识确定所述页面元素对应的重要度;
将大于预设阈值的重要度对应的页面元素确定为目标元素。
示例性的,预先设置标识记录表,所述标识记录表中记录了标识对应的元素信息,根据所述元素信息在所述多个页面节点中确定多个目标元素,其中所述目标元素中包括拖动元素。示例性的,所述标识记录表可存储在区块链中,保证标识记录表的安全性和不易篡改性,提高页面拖拽的效率。
例如,可根据所述元素信息确定所述页面元素对应的重要度,将重要度大于预设阈值的页面元素确定为目标元素。根据所述元素信息在所述目标元素中确定拖动元素,如将所述元素信息中draggable属性为true的目标元素确定为拖动元素。
容器创建模块202,用于以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器。
以所述拖动元素为索引词,根据所述目标元素对应的页面描述性文本生成所述多个目标元素对应的索引,提高了对所述目标元素的管理。
其中,所述目标容器用于实现页面拖拽,可以是所述页面描述性文本进行封装后的文本容器,通过移动所述目标容器实现页面拖拽。根据所述索引创建目标容器,使得进行页面拖拽后,页面的样式不发生改变,提高了页面拖拽的准确率。
在一些实施方式中,容器创建模块202以所述拖动元素为索引词生成所述多个目标元素对应的索引包括:
获取所述多个目标元素对应的HTML代码和CSS代码;
将所述HTML代码和所述CSS代码输入代码解析器得到所述多个目标元素对应的DOM树;
按照预设的读取顺序读取所述DOM树中的目标元素,并根据读取到目标元素的顺序将读取到的目标元素依次进行字符转换生成字符串;
将所述拖动元素作为索引词;
根据所述字符串和所述索引词生成多个目标元素对应的索引。
所述HTML代码为所述多个目标元素对应页面的页面描述性代码,所述CSS代码为所述多个目标元素对应页面的排布规则代码。解析所述HTML代码和所述CSS代码可以获取多个目标元素及所述多个目标元素中各个元素之间的关联性,从而生成所述多个目标元素对应的DOM树。
示例性的,所述预设的读取顺序可以为从上到下,从左到右的读取顺序,根据所述读取顺序读取所述DOM树中的每一层。
通过生成所述多个目标元素对应的DOM树,并根据预设的顺序读取所述DOM树获取目标元素,并根据读取目标元素的顺序,将所述多个目标元素进行字符转换生成字符串,使得生成的索引保留了所述多个目标元素对应的页面排布顺序,使得进行页面拖拽后,页面的样式不发生改变,提高了页面拖拽的准确率。
参数获取模块203,用于获取所述当前显示页面的显示参数。
示例性的,可以预先定义一个显示参数,通过根据所述显示参数的类型确定所述当前显示页面的显示方位,即确定所述当前显示页面的显示方位是否为横屏。例如,定义一个参数horizontal,当所述当前显示页面的显示方位为横屏时,所述参数horizontal的值为true,当所述当前显示页面的显示方位为竖屏时,则所述参数horizontal的值为false或者所述参数horizontal为空值。根据所述参数horizontal的值可判断所述当前显示页面的显示方位。
操作响应模块204,用于根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
示例性的,所述拖拽操作包括用户触摸所述当前显示页面产生的拖拽操作和/或用户通过鼠标在所述当前显示页面上拖拽操作。
在一些实施方式中,操作响应模块204根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
确定用户在所述当前显示页面上进行所述拖拽操作的起始位置;
拷贝所述起始位置对应的页面元素,得到拷贝元素;
控制所述拷贝元素根据用户对所述当前显示页面的拖拽操作进行拖拽模拟,得到所述拷贝元素的移动参数;
根据所述移动参数确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
其中,所述页面元素包括DOM元素。示例性的,将所述移动参数中的水平移动参数确定为所述拖拽指令对应的第一拖拽参数,将所述移动参数中的竖直移动参数确定为所述拖拽指令对应的第二拖拽参数。
在一些实施方式中,操作响应模块204根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
捕获用户对所述当前显示页面的拖拽操作中光标的移动信息;
根据所述移动信息确定所述拖拽操作对应的起点和终点;
计算所述起点和终点之间的水平差值和竖直差值,得到所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
示例性的,可基于WebView捕获用户对所述当前显示页面的拖拽操作中光标的移动信息。
在一些实施方式中,操作响应模块204根据所述移动信息确定所述拖拽操作对应的起点和终点包括:
实时捕获所述光标的像素值,并判断所述像素值是否发生变化;
当所述光标的像素值发生变化时,获取所述光标的当前坐标作为第一坐标;
根据所述第一坐标确定所述拖动元素对应的起点;
侦测所述光标的停留位置及停留时间;
当检测到所述光标在任意位置的停留时间大于或者等于预设时长时,获取所述光标在所述任意位置处的坐标作为第二坐标;
根据所述第二坐标确定所述拖动元素对应的终点。
示例性的,所述根据所述第一坐标确定所述起点可以包括:从所述页面参数中获取所述待测浏览器的当前界面的背景色;确定所述背景色的像素值;检测所述第一坐标在周围预设范围内是否包括其他不同于所述背景色的像素值的坐标,得到检测结果;
根据所述检测结果确定所述起点。
进一步地,所述根据所述检测结果确定所述起点包括:当检测到所述第一坐标在周围预设范围内不具有其他不同于所述背景色的像素值的坐标时,将所述第一坐标确定为所述起点;或者当检测到所述第一坐标在周围预设范围内具有其他不同于所述背景色的像素值的坐标时,从检测到的坐标中获取与所述第一坐标距离最近的坐标作为所述起点。
需要说明的是,所述终点的确定方式与所述起点的确定方式类似,在此将不赘述。
参数确定模块205,用于根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数。
根据所述显示参数确定所述当前显示页面的显示方位,并根据所述显示方位在所述第一拖拽参数和第二拖拽参数中确定所述目标容器的水平移动参数和竖直移动参数。其中,所述第一拖拽参数和第二拖拽参数是所述当前显示页面上的移动参数,所述水平移动参数和竖直移动参数是所述当前显示页面对应的显示器上的移动参数。
在一些实施方式中,参数确定模块205根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数包括:
当所述显示参数为第一参数时,将所述第一拖拽参数确定为水平移动参数,将所述第二拖拽参数确定为竖直移动参数;
当所述显示参数为第二参数时,将所述第二拖拽参数确定为水平移动参数,对所述第一拖拽参数进行取反处理得到竖直移动参数。
当所述显示参数为第一参数时,所述当前显示页面的显示方位为竖屏,所述第一参数可以为false或空值;当所述显示参数为第二参数时,所述当前显示页面的显示方位为横屏,所述第二参数可以为true。当所述当前显示页面的显示方位为竖屏时,将所述第一拖拽参数确定为所述目标容器的水平移动参数,将所述第二拖拽参数确定为所述目标容器的竖直移动参数;当所述当前显示页面的显示方位为横屏时,将所述第二拖拽参数确定为所述目标容器的水平移动参数,将所述第一拖拽参数进行取反处理得到竖直移动参数。例如,所述第一拖拽参数为“2”时,对所述第一拖拽参数进行取反处理得到的竖直移动参数为“-2”。
页面拖拽模块206,用于根据所述水平移动参数和所述竖直移动参数移动所述目标容器。
示例性的,可控制CSS3中的transform模块根据所述水平移动参数和所述竖直移动参数移动所述目标容器,完成页面拖拽。
上述实施例提供的页面拖拽装置可以实现为一种计算机程序的形式,该计算机程序可以在如图3所示的计算机设备上运行。
请参阅图3,图3为本申请实施例提供的一种计算机设备的结构示意性框图。该计算机设备可以为服务器或终端设备。
如图3所示,该计算机设备30包括通过系统总线连接的处理器301和存储器302,其中,存储器302可以包括非易失性存储介质和易失性存储介质。
处理器301用于提供计算和控制能力,支撑整个计算机设备的运行。
存储器302可存储操作系统和计算机程序。该计算机程序包括计算机可读指令,该指令被执行时,可使得处理器301执行所述的页面拖拽方法。
在一可行实施例中,所述计算机设备还包括网络接口,所述网络接口用于进行网络通信,如发送分配的任务等。本领域技术人员可以理解,图3中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
应当理解的是,处理器301是中央处理单元(Central Processing Unit,CPU),该处理器还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中,通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
其中,在一个实施例中,所述处理器执行存储在存储器中的计算机程序,以实现如下步骤:
在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;
以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器;
获取所述当前显示页面的显示参数;
根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;
根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;
根据所述水平移动参数和所述竖直移动参数移动所述目标容器。
具体地,所述处理器对上述指令的具体实现方法可参考前述页面拖拽方法实施例中相关步骤的描述,在此不赘述。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序中包括程序指令,所述程序指令被执行时所实现的方法可参照本申请页面拖拽方法的各个实施例。
其中,所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元,例如所述计算机设备的硬盘或内存。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备,例如所述计算机设备上配备的插接式硬盘,智能存储卡(SmartMedia Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。
进一步地,所述计算机可读存储介质可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等;存储数据区可存储根据计算机设备的使用所创建的数据等。
前述实施例提供的页面拖拽装置、计算机设备及计算机可读存储介质,通过在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器,生成所述多个目标元素对应的索引提高了对目标元素的管理,同时根据所述索引创建目标容器,使得进行页面拖拽后,页面的样式不发生改变,提高了页面拖拽的准确率,生成目标容器也提高了页面拖拽的效率;获取所述当前显示页面的显示参数;根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;根据所述水平移动参数和所述竖直移动参数移动所述目标容器;本申请能过通过所述显示参数在所述第一拖拽参数和第二拖拽参数中,确定所述目标容器的水平移动参数和竖直移动参数,实现在横屏、竖屏两种场景下拖拽效果一致,能正常的完成页面拖拽,提高页面拖拽的效率。
本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
还应当理解,在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当理解,在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种页面拖拽方法,其特征在于,所述页面拖拽方法包括:
在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;
以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器;
获取所述当前显示页面的显示参数;
根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;
根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;
根据所述水平移动参数和所述竖直移动参数移动所述目标容器。
2.根据权利要求1所述的页面拖拽方法,其特征在于,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
确定用户在所述当前显示页面上进行所述拖拽操作的起始位置;
拷贝所述起始位置对应的页面元素,得到拷贝元素;
控制所述拷贝元素根据用户对所述当前显示页面的拖拽操作进行拖拽模拟,得到所述拷贝元素的移动参数;
根据所述移动参数确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
3.根据权利要求1所述的页面拖拽方法,其特征在于,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:
捕获用户对所述当前显示页面的拖拽操作中光标的移动信息;
根据所述移动信息确定所述拖拽操作对应的起点和终点;
计算所述起点和终点之间的水平差值和竖直差值,得到所述拖拽操作对应的第一拖拽参数和第二拖拽参数。
4.根据权利要求3所述的页面拖拽方法,其特征在于,所述根据所述移动信息确定所述拖拽操作对应的起点和终点包括:
实时捕获所述光标的像素值,并判断所述像素值是否发生变化;
当所述光标的像素值发生变化时,获取所述光标的当前坐标作为第一坐标;
根据所述第一坐标确定所述拖动元素对应的起点;
侦测所述光标的停留位置及停留时间;
当检测到所述光标在任意位置的停留时间大于或者等于预设时长时,获取所述光标在所述任意位置处的坐标作为第二坐标;
根据所述第二坐标确定所述拖动元素对应的终点。
5.根据权利要求1至4中任意一项所述的页面拖拽方法,其特征在于,所述根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数包括:
当所述显示参数为第一参数时,将所述第一拖拽参数确定为水平移动参数,将所述第二拖拽参数确定为竖直移动参数;
当所述显示参数为第二参数时,将所述第二拖拽参数确定为水平移动参数,对所述第一拖拽参数进行取反处理得到竖直移动参数。
6.根据权利要求1所述的页面拖拽方法,其特征在于,所述在所述当前显示页面中确定多个目标元素包括:
响应于用户对所述当前显示页面的触摸事件,确定所述触摸事件对应的DOM元素;
获取所述DOM元素在所述当前显示页面中的位置信息;
根据所述位置信息确定所述当前显示页面中的拖动对象,并在所述拖动对象中确定多个目标元素。
7.根据权利要求6所述的页面拖拽方法,其特征在于,所述在所述拖动对象中确定多个目标元素包括:
获取所述拖动对象对应的页面描述性文本;
确定所述页面描述性文本中的多个页面元素;
查询预设的标识记录表,根据所述多个页面元素对应的元素标识确定所述页面元素对应的重要度;
将大于预设阈值的重要度对应的页面元素确定为目标元素。
8.一种页面拖拽装置,其特征在于,包括:
目标确定模块,用于在当前显示页面中确定多个目标元素,所述目标元素中包括拖动元素;
容器创建模块,用于以所述拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器;
参数获取模块,用于获取所述当前显示页面的显示参数;
操作响应模块,用于根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;
参数确定模块,用于根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;
页面拖拽模块,用于根据所述水平移动参数和所述竖直移动参数移动所述目标容器。
9.一种计算机设备,其特征在于,所述计算机设备包括存储器和处理器;
所述存储器,用于存储计算机程序;
所述处理器,用于执行所述计算机程序时实现如权利要求1至7中任意一项所述的页面拖拽方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7中任意一项所述的页面拖拽方法。
CN202110277788.0A 2021-03-15 2021-03-15 页面拖拽方法、装置、计算机设备及存储介质 Active CN112965645B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110277788.0A CN112965645B (zh) 2021-03-15 2021-03-15 页面拖拽方法、装置、计算机设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110277788.0A CN112965645B (zh) 2021-03-15 2021-03-15 页面拖拽方法、装置、计算机设备及存储介质

Publications (2)

Publication Number Publication Date
CN112965645A true CN112965645A (zh) 2021-06-15
CN112965645B CN112965645B (zh) 2022-07-29

Family

ID=76279356

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110277788.0A Active CN112965645B (zh) 2021-03-15 2021-03-15 页面拖拽方法、装置、计算机设备及存储介质

Country Status (1)

Country Link
CN (1) CN112965645B (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114115681A (zh) * 2021-12-02 2022-03-01 北京百度网讯科技有限公司 页面生成方法及装置、电子设备和介质
CN114185473A (zh) * 2021-12-17 2022-03-15 平安壹钱包电子商务有限公司 在页面中显示图片的方法、装置、设备及可读存储介质
CN114356188A (zh) * 2021-12-10 2022-04-15 深圳市优必选科技股份有限公司 一种实现页面元素拖拽的方法及计算机设备
CN114546568A (zh) * 2022-02-25 2022-05-27 重庆紫光华山智安科技有限公司 页面元素拖放方法、装置、电子设备及存储介质
WO2023092992A1 (zh) * 2021-11-25 2023-06-01 深圳前海微众银行股份有限公司 一种页面元素的处理方法、设备及计算机可读存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164191A (zh) * 2011-12-08 2013-06-19 腾讯科技(深圳)有限公司 网页元素拖拽方法和装置
CN105447821A (zh) * 2015-12-24 2016-03-30 广州乐霸网络科技有限公司 一种移动终端网页游戏自适应旋转的方法及装置
CN106502659A (zh) * 2016-10-14 2017-03-15 武汉斗鱼网络科技有限公司 一种移动设备网页单页面的布局方法及系统
US20180041401A1 (en) * 2016-08-02 2018-02-08 EDT Expert Design Tools, LLC System Diagram GUI Development System and Method of Use
CN109782983A (zh) * 2017-11-13 2019-05-21 腾讯科技(深圳)有限公司 应用程序界面的视图布局调整方法和装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164191A (zh) * 2011-12-08 2013-06-19 腾讯科技(深圳)有限公司 网页元素拖拽方法和装置
CN105447821A (zh) * 2015-12-24 2016-03-30 广州乐霸网络科技有限公司 一种移动终端网页游戏自适应旋转的方法及装置
US20180041401A1 (en) * 2016-08-02 2018-02-08 EDT Expert Design Tools, LLC System Diagram GUI Development System and Method of Use
CN106502659A (zh) * 2016-10-14 2017-03-15 武汉斗鱼网络科技有限公司 一种移动设备网页单页面的布局方法及系统
CN109782983A (zh) * 2017-11-13 2019-05-21 腾讯科技(深圳)有限公司 应用程序界面的视图布局调整方法和装置

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023092992A1 (zh) * 2021-11-25 2023-06-01 深圳前海微众银行股份有限公司 一种页面元素的处理方法、设备及计算机可读存储介质
CN114115681A (zh) * 2021-12-02 2022-03-01 北京百度网讯科技有限公司 页面生成方法及装置、电子设备和介质
CN114356188A (zh) * 2021-12-10 2022-04-15 深圳市优必选科技股份有限公司 一种实现页面元素拖拽的方法及计算机设备
CN114356188B (zh) * 2021-12-10 2023-11-21 深圳市优必选科技股份有限公司 一种实现页面元素拖拽的方法及计算机设备
CN114185473A (zh) * 2021-12-17 2022-03-15 平安壹钱包电子商务有限公司 在页面中显示图片的方法、装置、设备及可读存储介质
CN114546568A (zh) * 2022-02-25 2022-05-27 重庆紫光华山智安科技有限公司 页面元素拖放方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN112965645B (zh) 2022-07-29

Similar Documents

Publication Publication Date Title
CN112965645B (zh) 页面拖拽方法、装置、计算机设备及存储介质
CN108595583B (zh) 动态图表类页面数据爬取方法、装置、终端及存储介质
WO2019153604A1 (zh) 人机识别模型的建立装置、方法及计算机可读存储介质
US20190303269A1 (en) Methods and systems for testing visual aspects of a web page
US20170337449A1 (en) Program, system, and method for determining similarity of objects
US9020267B2 (en) Information processing apparatus and handwritten document search method
US10346681B2 (en) Method and computing device for optically recognizing mathematical expressions
US9910835B2 (en) User interface for creation of content works
WO2016018683A1 (en) Image based search to identify objects in documents
WO2016095502A1 (zh) 数学公式处理方法、装置、设备和计算机存储介质
CN110990010A (zh) 一种软件界面代码的生成方法及装置
CN109933502B (zh) 电子装置、用户操作记录的处理方法和存储介质
CN114357345A (zh) 图片处理方法、装置、电子设备及计算机可读存储介质
CN110119299A (zh) 信息显示方法及设备
US9183276B2 (en) Electronic device and method for searching handwritten document
US20150058710A1 (en) Navigating fixed format document in e-reader application
US10437464B2 (en) Content filtering system for touchscreen devices
WO2016018682A1 (en) Processing image to identify object for insertion into document
US10831991B1 (en) Systems and methods for testing content developed for access via a network
US20200150855A1 (en) Information processing apparatus and non-transitory computer readable medium storing program
CN112329409A (zh) 一种单元格颜色转换方法、装置及电子设备
WO2022105120A1 (zh) 图片文字检测方法、装置、计算机设备及存储介质
CN114548040A (zh) 笔记处理方法、电子设备及存储介质
CN115933946A (zh) 页面跳转方法、装置、计算机设备以及存储介质
CN107357926B (zh) 网页处理方法、装置及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant