CN112631474B - 页面中元素移动方法和装置、介质、设备 - Google Patents

Abstract

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

Description

页面中元素移动方法和装置、介质、设备

技术领域

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

背景技术

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

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

响应针对所述目标元素的第三滑动操作，根据所述第三滑动操作的操作点的移动控制所述目标元素在所述页面中移动。

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

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

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

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

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

根据本公开的一个方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述的页面中元素移动方法。

根据本公开的一个方面，提供一种电子设备，包括：

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行上述中任意一项所述的页面中元素移动方法。

本公开一种示例实施例提供的页面中元素移动方法及装置、存储介质、电子设备。一方面，响应于针对页面中目标元素的触发事件时，可以在图形用户界面上显示页面的缩略图，以将页面缩小显示，当目标元素在缩略图上移动的时候，可以控制页面滚动，由于页面滚动的距离大于目标元素在缩略图上移动的距离，因此可以快速将目标元素所要移动到的目标位置显示在图形用户界面中，如此用户可以很容易地将目标元素移动到目标位置处，即使对于需要拖拽较长距离的目标位置，也可以很轻松实现拖拽，从而降低了拖拽的难度，提升了用户体验；另一方面，由于缩略图相当于页面的一种映射，通过在缩略图上移动目标元素，可以帮助用户初步确定需要移动到的位置，从而避免盲目移动带来的过拖拽等情况发生，提高目标元素移动的准确性；又一方面，通过第一滑动操作和释放操作以将目标元素移动到释放操作对应的位置，即目标位置，可以提高操作动作的可操作性和连贯性，进一步提升了用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

通过参照附图来详细描述其示例性实施例，本公开的上述和其它特征及优点将变得更加明显。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1为本公开某一具有页面中元素的图形用户界面示意图一；

图2为本公开一种页面中元素移动方法的流程图；

图3为本公开某一具有页面中元素的图形用户界面示意图二；

图4为本公开某一具有页面中元素的图形用户界面示意图三；

图5为本公开某一具有页面中元素的图形用户界面示意图四；

图6为本公开某一具有页面中元素的图形用户界面示意图五；

图7为本公开某一具有页面中元素的图形用户界面示意图六；

图8为本公开一种页面中元素移动装置的框图；

图9为本公开示一示例性实施例中的电子设备的模块示意图；

图10为本公开示一示例性实施例中的程序产品示意图。

具体实施方式

现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本公开将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附贴图记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本公开的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有所述特定细节中的一个或更多，或者可以采用其它的方法、组元、材料、装置、步骤等。在其它情况下，不详细示出或描述公知结构、方法、装置、实现、材料或者操作以避免模糊本公开的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个软件硬化的模块中实现这些功能实体或功能实体的一部分，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

本示例性实施例中首先公开了一种页面中元素移动方法，应用于可进行人机交互的终端。该终端例如可以为手机、平板电脑、笔记本电脑、游戏机、掌上电脑(PersonalDigital Assistant，PDA)等各种具备图形用户界面的电子设备。其中，上述图形用户界面上显示有页面，当页面的尺寸大于图形用户界面的尺寸时，页面会部分地显示在终端的图形用户界面上，或者可以说，页面会部分地显示在终端的屏幕上，用户可见的是页面的部分内容。

当用户需要将页面上的元素，例如，控件、图片、浮窗或文字等可拖拽元素，拖拽较长距离时，例如，可以是将元素从屏幕的左下角拖拽至右上角，或者如图1所示将元素101拖拽到页面102的其他未显示在屏幕显示区域(即图形用户界面103之外的区域)时，此时用户很难一次性将元素101拖拽到目标位置104，有时在拖拽过程中需要进行多次的点击拖拽过程，在这种频繁操作过程中，甚至有可能触发页面中的其他元素，给用户带来困扰，最终导致拖拽过程艰难，用户体验差。

基于此，本公开示例性实施例提供了一种页面中元素移动方法，参照图2所示，在页面部分地显示在终端的图形用户界面上时，所述页面中元素移动方法可以包括以下步骤：

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

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

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

步骤S240、响应针对目标元素的释放操作，将目标元素放置在页面中释放操作对应的位置处。

根据本公开示例性实施例中的页面中元素移动方法，一方面，响应于针对页面中目标元素的触发事件时，可以在图形用户界面上显示页面的缩略图，以将页面缩小显示，当目标元素在缩略图上移动的时候，可以控制页面滚动，由于页面滚动的距离大于目标元素在缩略图上移动的距离，因此可以快速将目标元素所要移动到的目标位置显示在图形用户界面中，如此用户可以很容易地将目标元素移动到目标位置处，即使对于需要拖拽较长距离的目标位置，也可以很轻松实现拖拽，从而降低了长距离拖拽的难度，提升了用户体验；另一方面，由于缩略图相当于页面的一种映射，通过在缩略图上移动目标元素，可以帮助用户初步确定需要移动到的位置，从而避免盲目移动带来的过拖拽等情况发生，提高目标元素移动的准确性；又一方面，通过第一滑动操作和释放操作以将目标元素移动到释放操作对应的位置，即目标位置，可以提高操作动作的可操作性和连贯性，进一步提升了用户体验。

下面，将对本示例性实施例中的页面中元素移动方法作进一步的说明。

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

在本示例性实施例中，对目标元素的触发可以是鼠标的点击操作，也可以是感应主体的触控操作；其中，感应主体可以是人体的某一部位，例如手指、手掌等部位，也可以是固体物件，例如一个矩形薄板或触控笔等，本示例性实施例对此不作特殊限定。

为了与现有的拖拽方案区别，即与按住目标元素并快速进行拖拽相区别，本示例性实施例中，在目标元素所要移动到的目标位置位于图形用户界面之外的区域时，触发事件可以为长按事件，该长按事件可以是通过鼠标的点击完成的长按事件，也可以是通过感应主体完成的长按事件，本示例性实施例对此不作特殊限定。

缩略图指的是对页面进行缩小显示的图，在本示例性实施例中，缩略图仅显示了页面的边界线，从而可以在将页面的区域整个显示在图形用户界面上的同时，还可以减小页面所占内存的大小，从而可以提高整个元素移动操作的速度，减小卡顿情况的发生，提高整个操作过程的流畅性。

为了实现对页面的映射，缩略图可以是页面等比缩小预设比例x的图形，其中，预设比例x的大小主要根据图形用户界面的大小确定，即根据终端的屏幕大小确定。当图形用户界面较大时，预设比例x可以较小，以获得尺寸较大的缩略图；当图形用户界面较小时，预设比例x可以较大，以获得尺寸较小的缩略图。本示例性实施例对于预设比例x的大小不作具体限定。

参照图3，示出了显示缩略图的一种图形用户界面，在图3中，目标元素301显示在终端屏幕的显示区域，即图形用户界面303上，而目标位置304有可能位于屏幕的非显示区域，即图形用户界面303之外的区域。此时，当获取到针对目标元素301的长按事件时，本示例性实施例中，会在图形用户界面303上显示一个页面302缩略图305。缩略图305的大小以可以完全显示在图形用户界面303上为准。

需要说明的是，在实际应用中，执行该页面中元素移动方法的设备可能会根据目标元素301获知到目标位置304，也可能并不清楚目标位置304，上述两种情况本示例性实施例均适用。

在步骤S220中，响应针对目标元素的第一滑动操作，控制目标元素在缩略图上移动。

在本示例性实施例中，在显示缩略图后，如果获取到用户对目标元素进行的第一滑动操作，则控制目标元素在缩略图上移动。其中，用户所进行的上述的第一滑动操作本身不一定是在缩略图上的移动，但本示例性实施例通过控制目标元素在缩略图上移动，便于用户确定需要移动的大概距离，避免盲目滑动带来的过拖拽等情况发生，提高目标元素移动的准确性。

也就是说，如图4所示，用户在开始执行对目标元素401的第一滑动操作的时候，并不一定是在缩略图402上进行的，但本示例性实施例通过直接控制目标元素401在缩略图402上移动，用户从而可以不必将目标元素401手动拖拽到缩略图402上，目标元素401就可以自动显示在缩略图402上并移动，从而可以降低用户操作的难度，提升用户体验。

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

参照图5所示，目标元素501在缩略图502上移动的过程中，本示例性实施例提供的页面中元素移动方法可以根据目标元素501在缩略图502上的移动控制页面503滚动，以改变页面503在图形用户界面504上显示的区域。并且，页面503滚动的距离要大于目标元素501在缩略图502上移动的距离，从而可以快速将目标元素501所要移动到的目标位置505显示在目标元素501的附近，从而便于用户将目标元素501拖拽到目标位置505处，或者，在可以根据目标元素501获知目标位置505的情况下，本示例性实施例提供的方法可以自动将目标元素501放置在目标位置505处。

在本示例性实施例中，页面503滚动的方向D1可以与目标元素501在缩略图502上移动的方向D2相反，如图5所示，在将目标元素501向上移动的过程中，页面503向下滚动，从而可以将位于页面503上部的目标位置505向下移动而显示在图形用户界面504上，以达到显示目标位置505的目的。当然除过如图5所示的上下移动之外，还可以是斜向的移动等，以便于与用户的意图匹配，更快显示用户所要移动到的目标位置。

在实际应用中，页面503滚动的距离L1可以根据实际情况确定，但页面503滚动的距离L1需要大于目标元素501移动的距离L2，从而便于快速将目标元素501所要移动到的目标位置505显示在图形用户界面504中，如此用户可以很容易地将目标元素501移动到目标位置505处，即使对于需要拖拽较长距离的目标位置505，也可以很轻松实现拖拽，从而降低了拖拽的难度，提升了用户体验。

具体可选的，如图5所示，页面503滚动的距离L1可以是目标元素501在缩略图502上移动的距离L2的预设比例x倍，即L1＝L2*x，本示例性实施例对于具体的倍数不作特殊限定。

需要说明的是，在目标元素501在缩略图502上移动的过程中，缩略图502在图形用户界面504中的位置保持不变。以保证操作的稳定性，避免目标元素501移动的过程中，缩略图502也移动的情况发生。

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

本公开示例性实施例中，当目标位置显示在图形用户界面上的时候，如果该目标位置正好是目标元素所在的当前位置，则用户可以直接释放目标元素。此时，本示例性实施例提供的页面中元素移动方法通过将目标元素放置在页面中释放操作对应的位置处，也就是将目标元素放置在了用户的目标位置处，实现用户的意图。并且，可以根据该释放操作，控制页面停止滚动。

如图6所示，在目标位置601距离目标元素602的当前位置具有一定距离的情况下，则用户还需要执行第二滑动操作，以将目标元素602移动离开缩略图603，并将目标元素602移动到目标位置601处时执行释放操作，本示例性实施例提供的页面中元素移动方法可以响应针对目标元素602的释放操作，并将目标元素602放置在页面604中释放操作对应的位置处。此时，可以根据释放操作控制页面604停止滚动，也可以响应针对目标元素602离开缩略图603的第二滑动操作，控制页面604停止滚动。

本示例性实施例中，如图7所示，在将目标元素701放置在页面702中释放操作对应的位置处的过程中，可以隐藏缩略图，从而完成整个的元素的移动过程。

需要说明的是，目标位置704显示在图形用户界面703上，可以是目标位置704完全显示在图形用户界面703上，也可以是目标位置部分显示在图形用户界面上，本示例性实施例对此不作特殊限定。

本示例性实施例中，在响应上述触发事件之前，即针对页面中的目标元素的长按事件前，所述页面中元素移动方法还可以包括：响应针对目标元素的第三滑动操作，根据第三滑动操作的操作点的移动控制目标元素在页面中移动。用户可以通过第三滑动操作将目标元素移动到需要的位置，再长按目标元素以触发上述触发事件。

需要说明的是，尽管在附图中以特定顺序描述了本公开中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

在本公开的示例性实施例中，还提供了一种页面中元素移动装置，所述页面部分地显示在终端的图形用户界面上，如图8所示，该页面中元素移动装置800可以包括：第一响应模块810、第二响应模块820、滚动控制模块830、以及第三响应模块840，其中：

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

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

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

第三响应模块840，用于响应针对所述目标元素的释放操作，将所述目标元素放置在所述页面中所述释放操作对应的位置处。

上述页面中元素移动装置模块的具体细节已经在对应的页面中元素移动方法中进行了详细的描述，因此此处不再赘述。

应当注意，尽管在上文详细描述中提及了用于执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

在本公开的示例性实施例中，还提供了一种能够实现上述方法的电子设备。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

下面参照图9来描述根据本发明的这种实施方式的电子设备900。图9显示的电子设备900仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图9所示，电子设备900以通用计算设备的形式表现。电子设备900的组件可以包括但不限于：上述至少一个处理单元910、上述至少一个存储单元920、连接不同系统组件(包括存储单元920和处理单元910)的总线930、显示单元940。

其中，所述存储单元920存储有程序代码，所述程序代码可以被所述处理单元910执行，使得所述处理单元910执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元910可以执行如图2中所示的步骤S210、响应针对页面中目标元素的触发事件，在终端的图形用户界面上显示页面的缩略图；步骤S220、响应针对目标元素的第一滑动操作，控制目标元素在缩略图上移动；步骤S230、在移动的过程中，根据目标元素在缩略图上的移动控制图形用户界面中的页面滚动，页面滚动的距离大于目标元素在缩略图上移动的距离；步骤S240、响应针对目标元素的释放操作，将目标元素放置在页面中释放操作对应的位置处。

存储单元920可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)9201和/或高速缓存存储单元9202，还可以进一步包括只读存储单元(ROM)9203。

存储单元920还可以包括具有一组(至少一个)程序模块9205的程序/实用工具9204，这样的程序模块9205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线930可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备900也可以与一个或多个外部设备970(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备900交互的设备通信，和/或与使得该电子设备900能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口950进行。并且，电子设备900还可以通过网络适配器960与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器960通过总线930与电子设备900的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备900使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。

参考图10所示，描述了根据本发明的实施方式的用于实现上述方法的程序产品1000，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限。

Claims (14)

1.一种页面中元素移动方法，所述页面部分地显示在终端的图形用户界面上，其特征在于，所述方法包括：

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

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

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

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

2.根据权利要求1所述的方法，其特征在于，所述页面滚动的方向与所述目标元素在所述缩略图上移动的方向相反。

3.根据权利要求1所述的方法，其特征在于，所述页面的缩略图为将所述页面等比缩小预设比例的图形。

4.根据权利要求3所述的方法，其特征在于，所述页面滚动的距离大于所述目标元素在所述缩略图上移动的距离包括：

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

5.根据权利要求1所述的方法，其特征在于，根据所述释放操作，控制所述页面停止滚动。

6.根据权利要求1-5任一项所述的方法，其特征在于，响应针对所述目标元素的释放操作之前，所述方法还包括：

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

7.根据权利要求1所述的方法，其特征在于，所述触发事件为长按事件。

8.根据权利要求1所述的方法，其特征在于，所述方法还包括：

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

9.根据权利要求1所述的方法，其特征在于，在所述目标元素在所述缩略图上移动的过程中，所述缩略图在所述图形用户界面中的位置保持不变。

10.根据权利要求1所述的方法，其特征在于，所述目标元素为所述页面上的可拖拽元素。

11.根据权利要求1所述的方法，其特征在于，在响应所述触发事件之前，所述方法还包括：

响应针对所述目标元素的第三滑动操作，根据所述第三滑动操作的操作点的移动控制所述目标元素在所述页面中移动。

12.一种页面中元素移动装置，所述页面部分地显示在终端的图形用户界面上，其特征在于，所述装置包括：

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

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

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

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

13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1～11中任意一项所述的页面中元素移动方法。

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

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1～11中任意一项所述的页面中元素移动方法。

Images