[发明专利]页面中元素移动方法和装置、介质、设备

说明书

本公开涉及人机交互技术领域，尤其涉及一种页面中元素移动方法及装置、存储介质、电子设备。该方法可以包括：响应针对页面中目标元素的触发事件，在终端的图形用户界面上显示页面的缩略图；响应针对目标元素的第一滑动操作，控制目标元素在缩略图上移动；在移动的过程中，根据目标元素在缩略图上的移动控制图形用户界面中的页面滚动，页面滚动的距离大于目标元素在缩略图上移动的距离；响应针对目标元素的释放操作，将目标元素放置在页面中释放操作对应的位置处。本公开降低了长距离拖拽的难度，提升了用户体验。

技术领域

本公开涉及人机交互技术领域，尤其涉及一种页面中元素移动方法和装置、计算机可读存储介质、电子设备。

背景技术

随着计算机技术的快速发展，在图形用户界面上对页面中的元素进行拖拽移动，已经成为必不可少的功能。

然而，当页面的尺寸较大，用户想要将元素移动到较远的距离，例如，移动到没有显示在图像用户界面上的位置时，需要反复拖拽很多次才能达到目的，操作过程繁琐，用户体验差。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种页面中元素移动方法和装置、存储介质、电子设备，进而至少在一定程度上克服现有将元素移动较远距离时，操作过程繁琐，用户体验差的问题。

根据本公开的一个方面，提供一种页面中元素移动方法，所述页面部分地显示在终端的图形用户界面上，所述方法包括：

响应针对所述页面中目标元素的触发事件，在所述终端的图形用户界面上显示所述页面的缩略图；

响应针对所述目标元素的第一滑动操作，控制所述目标元素在所述缩略图上移动；

在所述移动的过程中，根据所述目标元素在所述缩略图上的移动控制所述图形用户界面中的所述页面滚动，所述页面滚动的距离大于所述目标元素在所述缩略图上移动的距离；

响应针对所述目标元素的释放操作，将所述目标元素放置在所述页面中所述释放操作对应的位置处。

在本公开的一种示例性实施例中，所述页面滚动的方向与所述目标元素在所述缩略图上移动的方向相反。

在本公开的一种示例性实施例中，所述页面的缩略图为将所述页面等比缩小预设比例的图形。

在本公开的一种示例性实施例中，所述页面滚动的距离大于所述目标元素在所述缩略图上移动的距离包括：

所述页面滚动的距离是所述目标元素在所述缩略图上移动的距离的所述预设比例倍。

在本公开的一种示例性实施例中，根据所述释放操作，控制所述页面停止滚动。

在本公开的一种示例性实施例中，响应针对所述目标元素的释放操作之前，所述方法还包括：

响应针对所述目标元素离开所述缩略图的第二滑动操作，控制所述页面停止滚动。

在本公开的一种示例性实施例中，所述触发事件为长按事件。

在本公开的一种示例性实施例中，所述方法还包括：

在将所述目标元素放置在所述页面中所述释放操作对应的位置处的过程中，隐藏所述缩略图。

在本公开的一种示例性实施例中，在所述目标元素在所述缩略图上移动的过程中，所述缩略图在所述图形用户界面中的位置保持不变。

在本公开的一种示例性实施例中，所述目标元素为所述页面上的可拖拽元素。

在本公开的一种示例性实施例中，在响应所述触发事件之前，所述方法还包括：