[发明专利]组件的吸附操作方法、装置、终端及存储介质

说明书

本公开关于一种组件的吸附操作方法、装置、终端及存储介质，涉及网络技术领域。方法包括：展示组件编辑界面，组件编辑界面包括多个可编辑的组件；响应于对组件编辑界面中的第一组件的拖拽操作，确定第一组件待吸附的至少一个第二组件；对于每个第二组件，基于第一组件的当前位置和第二组件的当前位置，确定第一组件与第二组件之间的距离；基于拖拽操作的移动速度和第一组件与每个第二组件之间的距离，从至少一个第二组件中确定目标组件；将第一组件与目标组件进行吸附。当用户想要将两个组件进行吸附时，可以对其中一个组件进行拖拽，以及改变拖拽操作的移动速度，这样就不需要借助于键盘来操作，从而提高了组件编辑的操作效率。

技术领域

本公开涉及网络技术领域，尤其涉及组件的吸附操作方法、装置、终端及存储介质。

背景技术

目前，web网页支持组件编辑功能，其中，对组件进行编辑时，一般是借助于鼠标来完成。然而由于鼠标的操作精准度不高，因此，在通过鼠标对组件进行编辑的过程中，需要为该组件提供辅助功能。例如，当用户通过鼠标拖拽某个组件时，当该组件与当前界面中的其他组件之间的距离较近时，可以为该组件提供吸附功能，也即将该组件与该其他组件吸附在一起，从而不需要用户频繁拖拽该组件，以实现将该组件与该其他组件吸附。

相关技术中，在用户通过鼠标对组件进行拖拽的过程中，终端实时计算该组件与当前界面中的其他组件之间的距离，响应于该组件与该其他组件之间的距离小于预设距离，则将该组件和该其他组件吸附在一起。

在上述相关技术中，只要该组件与其他组件之间的距离小于预设距离，终端就将这两个组件吸附在一起，然而当用户希望将这两个组件靠近但不吸附，此时用户就需要借助于键盘的方向键来实现，从而导致操作效率低。

发明内容

本公开提供一种组件的吸附操作方法、装置、终端及存储介质，提高了组件编辑的操作效率。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种组件的吸附操作方法，包括：

展示组件编辑界面，所述组件编辑界面包括多个可编辑的组件；

响应于对所述组件编辑界面中的第一组件的拖拽操作，确定所述第一组件待吸附的至少一个第二组件；

对于每个第二组件，基于所述第一组件的当前位置和所述第二组件的当前位置，确定所述第一组件与所述第二组件之间的距离；

基于所述拖拽操作的移动速度和所述第一组件与每个第二组件之间的距离，从所述至少一个第二组件中确定目标组件；

将所述第一组件与所述目标组件进行吸附。

在一些实施例中，所述确定所述第一组件待吸附的至少一个第二组件包括：

基于所述拖拽操作的移动方向，从所述组件编辑界面中确定所述第一组件待吸附的至少一个第二组件。

在一些实施例中，所述基于所述拖拽操作的移动速度和所述第一组件与每个第二组件之间的距离，从所述至少一个第二组件中确定所述目标组件包括：

在所述拖拽操作的移动速度不大于第一速度阈值的情况下，基于所述第一组件与每个第二组件之间的距离，从所述至少一个第二组件中，确定距离不大于距离阈值的目标组件。

在一些实施例中，所述方法还包括：

在所述拖拽操作的移动速度不大于所述第一速度阈值，且大于第二速度阈值的情况下，响应于所述拖拽操作的移动速度降低，将所述第一组件和所述目标组件脱离吸附状态，以及将所述拖拽操作的移动速度缩小预设倍数，基于缩小后的移动速度移动所述第一组件。

在一些实施例中，所述方法还包括：

在所述拖拽操作的移动速度不大于第二速度阈值的情况下，将所述拖拽操作的移动速度缩小预设倍数，基于缩小后的移动速度移动所述第一组件；