一种元素拖拽方法及装置与流程

本发明涉及计算机，具体而言，涉及一种元素拖拽方法及装置。

背景技术：

1、在可视化图形界面中，用户可以通过点击或触控等操作，将界面中的图形元素从一个位置拖动到另一个位置，这个过程则被称为元素拖拽。

2、在用户拖拽元素过程中，可能会存在切换元素层级的需求，例如用户选中了三个元素，系统默认将最后一个选中的元素置于最上方展示，而用户想将第一个选中的元素置于最上方展示，此时就存在元素层级切换需求。然而在现有可视化图形界面中，用户在同时拖拽多个元素的过程中，必须等到用户结束拖拽操作后才能进行元素层级的切换，由此降低了用户操作效率，对用户体验造成影响。

技术实现思路

1、有鉴于此，本公开实施例至少提供了一种元素拖拽方法、装置、电子设备及存储介质，能提高用户的操作效率，从而提高用户在拖拽元素时的用户体验。

2、第一方面，本公开实施例提供了一种元素拖拽方法，包括：

3、确定执行拖拽事件过程中与用户切换指令对应的目标元素；

4、获取与拖拽事件对应的元素列表；

5、根据目标元素更新元素列表中各元素的层级。

6、可选地，根据目标元素更新元素列表中各元素的层级，包括：

7、根据元素列表的当前排列顺序确定元素列表中每个其他元素与目标元素的距离，将目标元素的层级设置为顶层，根据其他元素与目标元素的距离确定其他元素的层级，其他元素为元素列表中除目标元素以外的元素。

8、可选地，根据元素列表的当前排列顺序确定元素列表中每个其他元素与目标元素的距离之前，方法还包括：

9、根据当前排列顺序判定目标元素不是元素列表中的首个元素或最后一个元素；

10、响应于根据当前排列顺序判定目标元素是元素列表中的首个元素，将元素列表中末尾预设数量的元素挪动至目标元素之前，更新元素列表的排列顺序；或，

11、响应于根据当前排列顺序判定目标元素是元素列表中的最后一个元素，将元素列表中起首预设数量的元素挪动至目标元素之后，更新元素列表的排列顺序；

12、根据更新后的排列顺序确定元素列表中每个其他元素与目标元素的距离。

13、可选地，根据目标元素更新元素列表中各元素的层级，包括：

14、将目标元素的层级设置为顶层，将其他元素的层级设置为次级，其他元素为元素列表中除目标元素以外的元素。

15、可选地，根据目标元素更新元素列表中各元素的层级之后，方法还包括：

16、按照每个元素的层级，堆叠展示每个元素。

17、可选地，方法还包括：

18、确定与增加拖拽元素指令对应的待增加元素，将待增加元素加入元素列表，更新元素列表中各元素的层级；或者，

19、确定与删除拖拽元素指令对应的待删除元素，将待删除元素从元素列表中删除，更新元素列表中各元素的层级。

20、第二方面，本公开实施例提供了一种元素拖拽装置，包括：

21、确定模块，用于确定执行拖拽事件过程中与用户切换指令对应的目标元素；

22、获取模块，用于获取与拖拽事件对应的元素列表；

23、更新模块，用于根据目标元素更新元素列表中各元素的层级。

24、第三方面，本公开实施例还提供一种电子设备，包括：处理器、存储器和总线，存储器存储有处理器可执行的机器可读指令，当计算机设备运行时，处理器与存储器之间通过总线通信，机器可读指令被处理器执行时执行上述第一方面，或第一方面中任一种可选的实施方式中的步骤。

25、第四方面，本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面，或第一方面中任一种可选的实施方式中的步骤。

26、第五方面，本公开实施例还提供一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现上述任一实施例的方法。

27、上述任一方面或任一方面的任一实施方式，通过确定执行拖拽事件过程中与用户切换指令对应的目标元素；获取与拖拽事件对应的元素列表；根据目标元素更新元素列表中各元素的层级。由此在用户执行拖拽事件的过程中，能够基于发起的切换指令切换目标元素，并根据切换后的目标元素，更新元素列表以及元素列表中各元素的层级，进而能够实现多个元素在拖拽过程中的动态切换以及分层级展示，无需用户结束当前拖拽事件来切换顶层展示的目标元素，提高了用户的操作效率以及拖拽过程中的可视化效果，并由此提高了用户在拖拽元素时的用户体验。

28、上述元素拖拽装置、电子设备及存储介质的效果参见上述元素拖拽方法的说明，此处不再赘述。

技术特征：

1.一种元素拖拽方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，根据所述目标元素更新所述元素列表中各元素的层级，包括：

3.根据权利要求2所述的方法，其特征在于，根据所述元素列表的当前排列顺序确定所述元素列表中每个其他元素与所述目标元素的距离之前，所述方法还包括：

4.根据权利要求1所述的方法，其特征在于，根据所述目标元素更新所述元素列表中各元素的层级，包括：

5.根据权利要求1-4任一所述的方法，其特征在于，根据所述目标元素更新所述元素列表中各元素的层级之后，所述方法还包括：

6.根据权利要求1-4任一所述的方法，其特征在于，所述方法还包括：

7.一种元素拖拽装置，其特征在于，包括：

8.一种电子设备，其特征在于，包括：

9.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。

10.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-6中任一项所述的方法。

技术总结
本公开提供了一种元素拖拽方法及装置，其中，该方法包括：确定执行拖拽事件过程中与用户切换指令对应的目标元素；获取与拖拽事件对应的元素列表；根据目标元素更新元素列表中各元素的层级。该实施方式能够提高用户的操作效率，从而提高用户在拖拽元素时的用户体验。

技术研发人员：刘海鼎,焦文强
受保护的技术使用者：北京京东远升科技有限公司
技术研发日：
技术公布日：2024/9/17