组件的吸附操作方法、装置、终端及存储介质制造方法及图纸

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

【技术实现步骤摘要】
组件的吸附操作方法、装置、终端及存储介质
本公开涉及网络
，尤其涉及组件的吸附操作方法、装置、终端及存储介质。
技术介绍
目前，web网页支持组件编辑功能，其中，对组件进行编辑时，一般是借助于鼠标来完成。然而由于鼠标的操作精准度不高，因此，在通过鼠标对组件进行编辑的过程中，需要为该组件提供辅助功能。例如，当用户通过鼠标拖拽某个组件时，当该组件与当前界面中的其他组件之间的距离较近时，可以为该组件提供吸附功能，也即将该组件与该其他组件吸附在一起，从而不需要用户频繁拖拽该组件，以实现将该组件与该其他组件吸附。相关技术中，在用户通过鼠标对组件进行拖拽的过程中，终端实时计算该组件与当前界面中的其他组件之间的距离，响应于该组件与该其他组件之间的距离小于预设距离，则将该组件和该其他组件吸附在一起。在上述相关技术中，只要该组件与其他组件之间的距离小于预设距离，终端就将这两个组件吸附在一起，然而当用户希望将这两个组件靠近但不吸附，此时用户就需要借助于键盘的方向键来实现，从而导致操作效率低。
技术实现思路
r>本公开提供一种组本文档来自技高网...

【技术保护点】
1.一种组件的吸附操作方法，其特征在于，包括：/n展示组件编辑界面，所述组件编辑界面包括多个可编辑的组件；/n响应于对所述组件编辑界面中的第一组件的拖拽操作，确定所述第一组件待吸附的至少一个第二组件；/n对于每个第二组件，基于所述第一组件的当前位置和所述第二组件的当前位置，确定所述第一组件与所述第二组件之间的距离；/n基于所述拖拽操作的移动速度和所述第一组件与每个第二组件之间的距离，从所述至少一个第二组件中确定目标组件；/n将所述第一组件与所述目标组件进行吸附。/n

【技术特征摘要】
1.一种组件的吸附操作方法，其特征在于，包括：
展示组件编辑界面，所述组件编辑界面包括多个可编辑的组件；
响应于对所述组件编辑界面中的第一组件的拖拽操作，确定所述第一组件待吸附的至少一个第二组件；
对于每个第二组件，基于所述第一组件的当前位置和所述第二组件的当前位置，确定所述第一组件与所述第二组件之间的距离；
基于所述拖拽操作的移动速度和所述第一组件与每个第二组件之间的距离，从所述至少一个第二组件中确定目标组件；
将所述第一组件与所述目标组件进行吸附。


2.根据权利要求1所述的组件的吸附操作方法，其特征在于，所述确定所述第一组件待吸附的至少一个第二组件包括：
基于所述拖拽操作的移动方向，从所述组件编辑界面中确定所述第一组件待吸附的至少一个第二组件。


3.根据权利要求1所述的组件的吸附操作方法，其特征在于，所述基于所述拖拽操作的移动速度和所述第一组件与每个第二组件之间的距离，从所述至少一个第二组件中确定所述目标组件包括：
在所述拖拽操作的移动速度不大于第一速度阈值的情况下，基于所述第一组件与每个第二组件之间的距离，从所述至少一个第二组件中，确定距离不大于距离阈值的目标组件。


4.根据权利要求3所述的组件的吸附操作方法，其特征在于，所述方法还包括：
在所述拖拽操作的移动速度不大于所述第一速度阈值，且大于第二速度阈值的情况下，响应于所述拖拽操作的移动速度降低，将所述第一组件和所述目标组件脱离吸附状态，以及将所述拖拽操作的移动速度缩小预设倍数，基于缩小后的移动速度移动所述第一组件。


5.根据权利要求3所述的组件的吸附操作方法，其特征在于，所述方法还包括：
在所述拖拽操作的移动速度不大于第二速度阈值的情况下，将所述拖拽操作的移动速度缩小预设...

【专利技术属性】
技术研发人员：王少星，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：北京;11