CN111782329A - 节点拖拽方法、装置、设备和计算机可读介质 - Google Patents

节点拖拽方法、装置、设备和计算机可读介质 Download PDF

Info

Publication number
CN111782329A
CN111782329A CN202010630432.6A CN202010630432A CN111782329A CN 111782329 A CN111782329 A CN 111782329A CN 202010630432 A CN202010630432 A CN 202010630432A CN 111782329 A CN111782329 A CN 111782329A
Authority
CN
China
Prior art keywords
target node
node
drag
drop
placement
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
CN202010630432.6A
Other languages
English (en)
Other versions
CN111782329B (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.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co 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 Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202010630432.6A priority Critical patent/CN111782329B/zh
Publication of CN111782329A publication Critical patent/CN111782329A/zh
Application granted granted Critical
Publication of CN111782329B publication Critical patent/CN111782329B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (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

节点拖拽方法、装置、设备和计算机可读介质
技术领域
本公开的实施例涉及计算机技术领域，具体涉及节点拖拽方法、装置、设备和计算机可读介质。
背景技术
随着网页或软件中包含树形结构的页面越来越多，用户调整这些树形结构的需求也变得迫切。然而，现有的技术不能快速精准地响应用户的调整请求，使用户得不到好的数据交互体验。
发明内容
本公开的内容部分用于以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了节点拖拽方法、装置、设备和计算机可读介质，来解决以上背景技术部分提到的技术问题。
第一方面，本公开的一些实施例提供了一种节点拖拽方法，该方法包括：响应于针对树形结构中第一节点的选取操作，将上述第一节点确定为拖拽目标节点；将上述拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；基于上述拖拽目标节点的当前位置与上述放置目标节点的位置，确定上述拖拽目标节点的放置位置；响应于针对上述拖拽目标节点的释放操作，在上述放置位置放置上述拖拽目标节点。
第二方面，本公开的一些实施例提供了一种节点拖拽装置，装置包括：第一确定单元，被配置成响应于针对树形结构中第一节点的选取操作，将上述第一节点确定为拖拽目标节点；第二确定单元，被配置成将上述拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；第三确定单元，被配置成基于上述拖拽目标节点的当前位置与上述放置目标节点的位置，确定上述拖拽目标节点的放置位置；放置单元，被配置成响应于针对上述拖拽目标节点的释放操作，在上述放置位置放置上述拖拽目标节点。
第三方面，本公开的一些实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
第四方面，本公开的一些实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
本公开的上述各个实施例中的一个实施例具有如下有益效果：通过将拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点。使用户可以在树形结构的数据中，快速地调整节点位置。以及，基于上述拖拽目标节点的当前位置与上述放置目标节点的位置，确定上述拖拽目标节点的放置位置，使用户可以在树形结构的数据中，精准地调整节点位置。使用户得到了更好的数据交互的体验。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1、图2、图3是本公开的一些实施例的节点拖拽方法的一个应用场景的示意图；
图4是根据本公开的节点拖拽方法的一些实施例的流程图；
图5是根据本公开的节点拖拽方法的另一些实施例的流程图；
图6是根据本公开的节点拖拽装置的一些实施例的结构示意图；
图7是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例。相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1、图2、图3是根据本公开一些实施例的节点拖拽方法的一个应用场景的示意图。
如图1所示，用户可以对计算设备101上显示的页面中树形结构中的节点进行选取操作。在本实施例中，附图标记102所指示的节点1-1为用户选取的第一节点。响应于用户针对附图标记所指示的节点1-1的选取操作，上述计算设备101可以将上述节点1-1确定为拖拽目标节点。
如图2所示，用户针对上述拖拽目标节点，即附图标记102所指示的节点1-1，进行拖拽操作。在此过程中，上述计算设备101将上述节点1-1当前进入的区域对应的上述树形结构中的第二节点确定为放置目标节点。在本应用场景中，上述第二节点为附图标记104所指示的节点2-1。再之后，上述计算设备101基于上述拖拽目标节点的当前位置和上述放置目标节点的位置，确定上述拖拽目标节点的放置位置。在本实施例中，上述放置位置为附图标记104所指示的节点2-1的上方。
如图3所示，响应于用户针对上述拖拽目标节点的释放操作，在上述放置位置放置上述拖拽目标节点。
可以理解的是，节点拖拽方法可以是由计算设备101来执行，或者也可以是由服务器来执行，上述方法的执行主体还可以包括上述计算设备101与上述服务器通过网络相集成所构成的设备，或者还可以是各种软件程序来执行。其中，计算设备101可以是具有信息处理能力的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。此外，执行主体也可以体现为服务器、软件等。当执行主体为软件时，可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解，图1、图2和图3中的计算设备数目仅仅是示意性的。根据实现需要，可以具有任意数目的计算设备。
继续参考图4，示出了根据本公开的节点拖拽方法的一些实施例的流程400。该节点拖拽方法，包括以下步骤：
步骤401，响应于针对树形结构中第一节点的选取操作，将上述第一节点确定为拖拽目标节点。
在一些实施例中，节点拖拽方法的执行主体(例如图1所示的计算设备)可以通过有线连接方式或者无线连接方式响应用户针对树形结构中第一节点的选取操作，将上述第一节点确定为上述拖拽目标节点。
在一些实施例中，上述树形结构可以是其中的数据元素之间存在着一对多的关系的结构。
在一些实施例中，上述第一节点可以是上述树形结构中的任意一个节点。
在一些实施例中，上述选取操作可以是用户使用与上述执行主体进行交互的软件或硬件使上述拖拽目标节点处于被控制的状态。例如：用户通过按下鼠标按钮，使上述拖拽目标节点处于被控制的状态。
步骤402，将上述拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点。
在一些实施例中，上述树形结构中的每个节点有与其对应的区域。
在一些实施例中，上述拖拽目标节点当前进入的区域可以是上述拖拽目标节点的下边缘所在的区域。
步骤403，基于上述拖拽目标节点的当前位置与上述放置目标节点的位置，确定上述拖拽目标节点的放置位置。
在一些实施例中，上述执行主体可以通过各种方法基于上述拖拽目标节点的当前位置与上述放置目标节点的位置，确定上述拖拽目标节点的放置位置。
作为示例，上述执行主体可以基于拖拽目标节点的当前位置与上述放置目标节点的位置的相对方位，确定上述拖拽目标节点的放置位置。例如，将上述放置目标节点的上方确定为上述放置位置。
作为又一示例，上述执行主体还可以基于由上述拖拽目标节点的当前位置与上述放置目标节点的位置确定的上述拖拽目标节点与上述放置目标节点的重合面积，确定上述拖拽目标节点的放置位置。
步骤404，响应于针对上述拖拽目标节点的释放操作，在上述放置位置放置上述拖拽目标节点。
在一些实施例中，节点拖拽方法的执行主体(例如图1所示的计算设备)可以通过有线连接方式或者无线连接方式响应用户针对上述树形结构中上述拖拽目标节点的释放操作，在上述放置位置放置上述拖拽目标节点。
在一些实施例中，上述释放操作可以是用户使用与上述执行主体进行交互的软件或硬件使上述拖拽目标节点处于不被控制的状态。例如：用户通过释放鼠标按钮，使上述拖拽目标节点处于不被控制的状态。
在一些实施例中，上述在放置位置放置上述拖拽目标节点可以是通过以下步骤完成的：
步骤一，响应于上述拖拽目标的原位置在上述放置位置的下方，将上述放置位置与上述原位置之间的节点依次向下移动一个节点对应的区域的宽度。
步骤二，响应于上述拖拽目标的原位置在上述放置位置的上方，将上述放置位置与上述原位置之间的节点依次向上移动一个节点对应的区域的宽度。
步骤三，将上述拖拽目标节点放置在上述放置位置。
本公开的一些实施例提供的方法通过将拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点。使用户可以在树形结构的数据中，快速地调整节点位置。以及，基于上述拖拽目标节点的当前位置与上述放置目标节点的位置，确定上述拖拽目标节点的放置位置，使用户可以在树形结构的数据中，精准地调整节点位置。使用户得到了更好的数据交互的体验。
进一步参考图5，其示出了节点拖拽方法的另一些实施例的流程500。该节点拖拽方法的流程500，包括以下步骤：
步骤501，响应于针对树形结构中第一节点的选取操作，将上述第一节点确定为拖拽目标节点。
步骤502，将上述拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点。
在一些实施例中，步骤501-502的具体实现及其所带来的技术效果，可以参考图4对应的实施例中的步骤401-402，在此不再赘述。
步骤503，响应于上述拖拽目标节点的下边缘在上述放置目标节点中的预设位置的上方，将上述放置目标节点的上方确定为上述放置位置。
在一些实施例中，上述放置目标节点中的预设位置可以是上述放置目标节点中的任意位置。作为示例，上述预设位置可以是上述放置目标节点中的中间位置。
步骤504，响应于上述拖拽目标节点的下边缘在上述放置目标节点中的预设位置的下方，将上述放置目标节点的下方确定为上述放置位置。
在一些实施例中，作为示例，上述放置目标节点中的预设位置可以是上述放置目标节点中的任意位置。作为示例，上述预设位置可以是上述房子目标节点中的中间位置。
步骤505，在上述放置位置处展示放置标记。
在一些实施例中，上述放置标记可以是任意形状。作为示例，上述放置标记可以是一条线段。作为又一示例，上述放置标记还可以是一个圆。
步骤506，响应于针对上述拖拽目标节点的释放操作，确定上述拖拽目标节点在上述树形结构中的层级是否高于上述放置目标节点。
在一些实施例中，上述树形结构中的层级可以是从上述树形结构中的根节点到待确定层级的节点所经路径上的分支数。其中，上述树形结构中的根节点可以是上述树形结构中没有父节点的节点。
步骤507，响应于拖拽目标节点在树形结构中的层级不高于放置目标节点，在放置位置放置拖拽目标节点。
步骤508，响应于拖拽目标节点在树形结构中的层级高于放置目标节点，在拖拽目标节点的原位置放置拖拽目标节点。
从图5中可以看出，与图4对应的一些实施例的描述相比，图5对应的一些实施例中的节点拖拽方法的流程500体现了在放置位置处展示放置标记和确定节点层级的步骤。由此，这些实施例描述的方案可以提示用户放置位置的信息。以及，能够在用户将高层级节点拖拽到低层级节点时保护树形结构中的层级结构。
进一步参考图6，作为对上述各图所示方法的实现，本公开提供了一种节点拖拽装置的一些实施例，这些装置实施例与图4所示的那些方法实施例相对应，该装置具体可以应用于各种电子设备中。
如图6所示，一些实施例的节点拖拽装置600包括：第一确定单元601、第二确定单元602、第三确定单元603、放置单元604。其中，第一确定单元，被配置成响应于针对树形结构中第一节点的选取操作，将第一节点确定为拖拽目标节点；第二确定单元，被配置成将拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；第三确定单元，被配置成基于拖拽目标节点的当前位置与放置目标节点的位置，确定拖拽目标节点的放置位置；放置单元，被配置成响应于针对拖拽目标节点的释放操作，在放置位置放置拖拽目标节点。
在一些实施例的可选实现方式中，第三确定单元603进一步被配置成：响应于上述拖拽目标节点的下边缘在上述放置目标节点中的预设位置的上方，将上述放置目标节点的上方确定为上述放置位置。
在一些实施例的可选实现方式中，第三确定单元603进一步被配置成：响应于上述拖拽目标节点的下边缘在上述放置目标节点中的预设位置的下方，将上述放置目标节点的下方确定为上述放置位置。
在一些实施例的可选实现方式中，放置单元604进一步被配置成：响应于针对上述拖拽目标节点的释放操作，确定上述拖拽目标节点在上述树形结构中的层级是否高于上述放置目标节点。响应于上述拖拽目标节点在上述树形结构中的层级不高于上述放置目标节点，在上述放置位置放置上述拖拽目标节点。
在一些实施例的可选实现方式中，放置单元604进一步被配置成：响应于上述拖拽目标节点在上述树形结构中的层级高于上述放置目标节点，在上述拖拽目标节点的原位置放置上述拖拽目标节点。
在一些实施例的一些可选的实现方式中，装置600还可以包括：展示单元(图中未示出)，在上述放置位置处展示放置位置标记。
可以理解的是，该装置600中记载的诸单元与参考图4描述的方法中的各个步骤相对应。由此，上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置600及其中包含的单元，在此不再赘述。
下面参考图7，其示出了适于用来实现本公开的一些实施例的电子设备(例如图1中的服务器或终端设备)700的结构示意图。本公开的一些实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图7示出的电子设备仅仅是一个示例，不应对本公开的实施例的功能和使用范围带来任何限制。
如图7所示，电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
通常，以下装置可以连接至I/O接口705：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707；包括例如磁带、硬盘等的存储装置708；以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备700，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图7中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。
特别地，根据本公开的一些实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的一些实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中，该计算机程序可以通过通信装置709从网络上被下载和安装，或者从存储装置708被安装，或者从ROM 702被安装。在该计算机程序被处理装置701执行时，执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是，本公开的一些实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于针对树形结构中第一节点的选取操作，将第一节点确定为拖拽目标节点；将拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；基于拖拽目标节点的当前位置与放置目标节点的位置，确定拖拽目标节点的放置位置；响应于针对拖拽目标节点的释放操作，在放置位置放置拖拽目标节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括第一确定单元、第二确定单元、第三确定单元、放置单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，放置单元还可以被描述为“放置拖拽目标节点的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
根据本公开的一个或多个实施例，提供了一种节点拖拽方法，包括：响应于针对树形结构中第一节点的选取操作，将第一节点确定为拖拽目标节点；将拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；基于拖拽目标节点的当前位置与放置目标节点的位置，确定拖拽目标节点的放置位置；响应于针对拖拽目标节点的释放操作，在放置位置放置拖拽目标节点。
根据本公开的一个或多个实施例，基于拖拽目标节点的当前位置与放置目标节点的位置，确定上述拖拽目标节点的放置位置，包括：响应于上述拖拽目标节点的下边缘在上述放置目标节点中的预设位置的上方，将上述放置目标节点的上方确定为上述放置位置。
根据本公开的一个或多个实施例，基于拖拽目标节点的当前位置与放置目标节点的位置，确定上述拖拽目标节点的放置位置，还包括：响应于上述拖拽目标节点的下边缘在上述放置目标节点中的预设位置的下方，将上述放置目标节点的下方确定为上述放置位置。
根据本公开的一个或多个实施例，响应于针对上述拖拽目标节点的释放操作，在上述放置位置放置上述拖拽目标节点，包括：响应于针对上述拖拽目标节点的释放操作，确定上述拖拽目标节点在上述树形结构中的层级是否高于上述放置目标节点；响应于上述拖拽目标节点在上述树形结构中的层级不高于上述放置目标节点，在上述放置位置放置上述拖拽目标节点。
根据本公开的一个或多个实施例，响应于针对上述拖拽目标节点的释放操作，在上述放置位置放置上述拖拽目标节点，还包括：响应于上述拖拽目标节点在上述树形结构中的层级高于上述放置目标节点，在上述拖拽目标节点的原位置放置上述拖拽目标节点。
根据本公开的一个或多个实施例，基于拖拽目标节点的当前位置与上述放置目标节点的位置，确定上述拖拽目标节点的放置位置之后，上述方法还包括：在上述放置位置处展示放置位置标记。
根据本公开的一个或多个实施例，提供了一种节点拖拽装置，包括：第一确定单元，被配置成响应于针对树形结构中第一节点的选取操作，将第一节点确定为拖拽目标节点；第二确定单元，被配置成将拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；第三确定单元，被配置成基于拖拽目标节点的当前位置与放置目标节点的位置，确定拖拽目标节点的放置位置；放置单元，被配置成响应于针对拖拽目标节点的释放操作，在放置位置放置拖拽目标节点。
根据本公开的一个或多个实施例，第三确定单元进一步被配置成：响应于拖拽目标节点的下边缘在放置目标节点中的预设位置的上方，将放置目标节点的上方确定为放置位置。
根据本公开的一个或多个实施例，第三确定单元进一步被配置成：响应于拖拽目标节点的下边缘在放置目标节点中的预设位置的下方，将放置目标节点的下方确定为放置位置
根据本公开的一个或多个实施例，放置单元进一步被配置成：响应于针对上述拖拽目标节点的释放操作，确定上述拖拽目标节点在上述树形结构中的层级是否高于上述放置目标节点；响应于上述拖拽目标节点在上述树形结构中的层级不高于上述放置目标节点，在上述放置位置放置上述拖拽目标节点。
根据本公开的一个或多个实施例，放置单元进一步被配置成：响应于上述拖拽目标节点在上述树形结构中的层级高于上述放置目标节点，在上述拖拽目标节点的原位置放置上述拖拽目标节点。
根据本公开的一个或多个实施例，装置还可以包括：展示单元，在上述放置位置处展示放置位置标记。
根据本公开的一个或多个实施例，提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上述任一的方法。
根据本公开的一个或多个实施例，提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现如上述任一的方法。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种节点拖拽方法，包括：
响应于针对树形结构中第一节点的选取操作，将所述第一节点确定为拖拽目标节点；
将所述拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；
基于所述拖拽目标节点的当前位置与所述放置目标节点的位置，确定所述拖拽目标节点的放置位置；
响应于针对所述拖拽目标节点的释放操作，在所述放置位置放置所述拖拽目标节点。
2.根据权利要求1所述的方法，其中，所述基于拖拽目标节点的当前位置与所述放置目标节点的位置，确定所述拖拽目标节点的放置位置，包括：
响应于所述拖拽目标节点的下边缘在所述放置目标节点中的预设位置的上方，将所述放置目标节点的上方确定为所述放置位置。
3.根据权利要求1所述的方法，其中，所述基于拖拽目标节点的当前位置与所述放置目标节点的位置，确定所述拖拽目标节点的放置位置，还包括：
响应于所述拖拽目标节点的下边缘在所述放置目标节点中的预设位置的下方，将所述放置目标节点的下方确定为所述放置位置。
4.根据权利要求1所述的方法，其中，所述响应于针对所述拖拽目标节点的释放操作，在所述放置位置放置所述拖拽目标节点，包括：
响应于针对所述拖拽目标节点的释放操作，确定所述拖拽目标节点在所述树形结构中的层级是否高于所述放置目标节点；
响应于所述拖拽目标节点在所述树形结构中的层级不高于所述放置目标节点，在所述放置位置放置所述拖拽目标节点。
5.根据权利要求4所述的方法，其中，所述响应于针对所述拖拽目标节点的释放操作，在所述放置位置放置所述拖拽目标节点，还包括：
响应于所述拖拽目标节点在所述树形结构中的层级高于所述放置目标节点，在所述拖拽目标节点的原位置放置所述拖拽目标节点。
6.根据权利要求1所述的方法，其中，在所述基于拖拽目标节点的当前位置与所述放置目标节点的位置，确定所述拖拽目标节点的放置位置之后，所述方法还包括：
在所述放置位置处展示放置位置标记。
7.一种节点拖拽装置，包括：
第一确定单元，被配置成响应于针对树形结构中第一节点的选取操作，将所述第一节点确定为拖拽目标节点；
第二确定单元，被配置成将所述拖拽目标节点当前进入的区域对应的树形结构中的第二节点确定为放置目标节点；
第三确定单元，被配置成基于所述拖拽目标节点的当前位置与所述放置目标节点的位置，确定所述拖拽目标节点的放置位置；
放置单元，被配置成响应于针对所述拖拽目标节点的释放操作，在所述放置位置放置所述拖拽目标节点。
8.根据权利要求7所述的装置，其中，所述第三确定单元进一步被配置成：
响应于所述拖拽目标节点的下边缘在所述放置目标节点中的预设位置的上方，将所述放置目标节点的上方确定为所述放置位置。
9.一种电子设备，包括：
一个或多个处理器；
存储装置，其上存储有一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。
10.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。
CN202010630432.6A 2020-07-03 2020-07-03 节点拖拽方法、装置、设备和计算机可读介质 Active CN111782329B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010630432.6A CN111782329B (zh) 2020-07-03 2020-07-03 节点拖拽方法、装置、设备和计算机可读介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010630432.6A CN111782329B (zh) 2020-07-03 2020-07-03 节点拖拽方法、装置、设备和计算机可读介质

Publications (2)

Publication Number Publication Date
CN111782329A true CN111782329A (zh) 2020-10-16
CN111782329B CN111782329B (zh) 2023-12-19

Family

ID=72758185

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010630432.6A Active CN111782329B (zh) 2020-07-03 2020-07-03 节点拖拽方法、装置、设备和计算机可读介质

Country Status (1)

Country Link
CN (1) CN111782329B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113656533A (zh) * 2021-08-23 2021-11-16 北京百度网讯科技有限公司 一种树形控件处理方法、装置及电子设备
CN113703767A (zh) * 2021-09-02 2021-11-26 北方工业大学 一种工程机械产品的人机交互界面设计方法和装置
CN115079918A (zh) * 2022-08-19 2022-09-20 中化现代农业有限公司 项目研究建模方法、装置、电子设备和存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1485775A (zh) * 2002-09-27 2004-03-31 英业达股份有限公司 树形结构节点数据显示处理系统与方法
CN101231645A (zh) * 2007-01-23 2008-07-30 鸿富锦精密工业（深圳）有限公司 树型目录动态展现系统及方法
JP2013097508A (ja) * 2011-10-31 2013-05-20 Toshiba Corp ツリー表示調整装置
US8850344B1 (en) * 2010-09-14 2014-09-30 Symantec Corporation Drag drop multiple list modification user interaction
CN106648319A (zh) * 2016-12-19 2017-05-10 广州视源电子科技股份有限公司 一种用于思维导图的操作方法和装置
CN107315724A (zh) * 2017-06-20 2017-11-03 深圳易嘉恩科技有限公司 一种基于actionscript的树形表格控件
CN110377209A (zh) * 2019-07-04 2019-10-25 贝壳技术有限公司 一种通过拖拽实现可视化流程配置的方法及装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1485775A (zh) * 2002-09-27 2004-03-31 英业达股份有限公司 树形结构节点数据显示处理系统与方法
CN101231645A (zh) * 2007-01-23 2008-07-30 鸿富锦精密工业（深圳）有限公司 树型目录动态展现系统及方法
US8850344B1 (en) * 2010-09-14 2014-09-30 Symantec Corporation Drag drop multiple list modification user interaction
JP2013097508A (ja) * 2011-10-31 2013-05-20 Toshiba Corp ツリー表示調整装置
CN106648319A (zh) * 2016-12-19 2017-05-10 广州视源电子科技股份有限公司 一种用于思维导图的操作方法和装置
CN107315724A (zh) * 2017-06-20 2017-11-03 深圳易嘉恩科技有限公司 一种基于actionscript的树形表格控件
CN110377209A (zh) * 2019-07-04 2019-10-25 贝壳技术有限公司 一种通过拖拽实现可视化流程配置的方法及装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113656533A (zh) * 2021-08-23 2021-11-16 北京百度网讯科技有限公司 一种树形控件处理方法、装置及电子设备
CN113703767A (zh) * 2021-09-02 2021-11-26 北方工业大学 一种工程机械产品的人机交互界面设计方法和装置
CN115079918A (zh) * 2022-08-19 2022-09-20 中化现代农业有限公司 项目研究建模方法、装置、电子设备和存储介质
CN115079918B (zh) * 2022-08-19 2022-11-18 中化现代农业有限公司 项目研究建模方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
CN111782329B (zh) 2023-12-19

Similar Documents

Publication Publication Date Title
CN111782329B (zh) 节点拖拽方法、装置、设备和计算机可读介质
CN110781373B (zh) 榜单更新方法、装置、可读介质和电子设备
CN111190520A (zh) 菜单项选择方法、装置、可读介质及电子设备
CN111784712B (zh) 图像处理方法、装置、设备和计算机可读介质
CN111309415B (zh) 应用程序的用户界面ui信息处理方法、装置及电子设备
CN111596991A (zh) 交互操作执行方法、装置和电子设备
CN111459364A (zh) 图标更新方法、装置和电子设备
CN112307375A (zh) 页面展示方法、装置、电子设备和计算机可读介质
CN110837333A (zh) 调整多媒体文件的播放进度方法、装置、终端及存储介质
US20230385080A1 (en) Method and apparatus for presenting information on lock screen interface, terminal, and storage medium
US20240104671A1 (en) Method and apparatus for group management, electronic device, and storage medium
CN111596992B (zh) 导航栏展示方法、装置和电子设备
CN111461965B (zh) 图片处理方法、装置、电子设备和计算机可读介质
CN111756953A (zh) 视频处理方法、装置、设备和计算机可读介质
CN111259291A (zh) 视图展示方法、装置和电子设备
CN112307393A (zh) 信息发布方法、装置和电子设备
CN115022106B (zh) 一种群信息处理方法、装置、设备及介质
CN112764629B (zh) 增强现实界面展示方法、装置、设备和计算机可读介质
CN113204557B (zh) 电子表格导入方法、装置、设备及介质
CN111338827B (zh) 表格数据的粘贴方法、装置以及电子设备
CN114417782A (zh) 展示方法、装置和电子设备
CN114428925A (zh) 页面渲染方法、装置、电子设备和计算机可读介质
CN113296771A (zh) 页面显示方法、装置、设备和计算机可读介质
CN112685075A (zh) 灰度发布方法、装置、电子设备和计算机可读介质
CN111835917A (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
CB02 Change of applicant information

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant