页面切换方法、装置、设备及存储介质与流程

本说明书涉及页面展示技术领域，尤其是涉及一种页面切换方法、装置、设备及存储介质。

背景技术：

目前，对于计算机设备(例如移动终端等)所展示的页面切换，主要通过使用系统的滚动条来滑动实现。然而，基于滚动条滑动的页面切换的切换速度通常较慢，不便于用户操作。因此，如何提高页面切换速度已成为目前亟待解决的技术问题。

技术实现要素：

本说明书实施例的目的在于提供一种页面切换方法、装置、设备及存储介质，以提高页面切换速度。

为达到上述目的，一方面，本说明书实施例提供了一种页面切换方法，包括：

展示页面；

当检测到针对所述页面的滑动手势时，确认所述页面是否为允许切换页面；

如果所述页面为允许切换页面，响应于所述滑动手势同步移动所述页面；

确认所述滑动手势在终止时的偏移量是否达到偏移量阈值；

当所述滑动手势在终止时的偏移量达到偏移量阈值时，将所述页面切换至目标页面。

本说明书一实施例中，所确认所述页面是否为允许切换页面，包括：

判断所述页面中对应于所述滑动手势的起始点的控件是否为禁止切换控件集合中的元素；

如果所述控件不是所述禁止切换控件集合中的元素，确认所述页面为允许切换页面。

本说明书一实施例中，所述页面切换方法还包括：

如果所述控件是所述禁止切换控件集合中的元素，响应于所述滑动手势同步移动所述页面中对应于所述控件的子页面。

本说明书一实施例中，所述确认所述滑动手势在终止时的偏移量是否达到偏移量阈值，包括：

获取所述滑动手势在终止时的横向坐标偏移量和纵向坐标偏移量；

比较所述横向坐标偏移量和所述纵向坐标偏移量；

当所述横向坐标偏移量大于所述纵向坐标偏移量时，确认所述滑动手势的滑动方向为横向，并判断所述横向坐标偏移量是否达到横向偏移量阈值；

当所述横向坐标偏移量小于或等于所述纵向坐标偏移量时，确认所述滑动手势的滑动方向为纵向，并判断所述纵向坐标偏移量是否达到纵向偏移量阈值。

本说明书一实施例中，所述将所述页面切换至目标页面，包括：

按照所述滑动手势的滑动方向将所述页面切换至目标页面。

本说明书一实施例中，所述页面切换方法还包括：

当所述滑动手势在终止时的偏移量未达到偏移量阈值时，恢复所述页面至滑动前的位置。

本说明书一实施例中，所述恢复所述页面至滑动前的位置，包括：

回弹式恢复所述页面至滑动前的位置。

另一方面，本说明书实施例还提供了一种页面切换装置，包括：

页面展示模块，用于展示页面；

类型判断模块，用于当检测到针对所述页面的滑动手势时，确认所述页面是否为允许切换页面；

移动控制模块，用于如果所述页面为允许切换页面，响应于所述滑动手势同步移动所述页面；

切换判断模块，用于确认所述滑动手势在终止时的偏移量是否达到偏移量阈值；

切换控制模块，用于当所述滑动手势在终止时的偏移量达到偏移量阈值时，将所述页面切换至目标页面。

另一方面，本说明书实施例还提供了一种计算机设备，包括存储器、处理器、以及存储在所述存储器上的计算机程序，所述计算机程序被所述处理器运行时，执行上述方法的指令。

另一方面，本说明书实施例还提供了一种计算机存储介质，其上存储有计算机程序，所述计算机程序被处理器运行时，执行上述方法的指令。

由以上本说明书实施例提供的技术方案可见，在本说明书的实施例中，当需要进行页面切换时，只需要将滑动手势在终止时的偏移量达到预设的偏移量阈值时，即可以实现页面切换。而无需像现有技术那样，使滚动条跨越显示器的整个横向或纵向尺寸才能实现页面切换，从而大大提高了面切换速度，提高了用户体验。不仅如此，在本说明书的实施例中，当检测到滑动手势时，可以先确认页面是否为允许切换页面，如此，可以识别出滑动手势是需要整体页面切换，还是需要局部页面(即子页面)移动，从而可以有利于精确识别用户实际的操作需求，进而有利于进一步提高用户体验。

附图说明

为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1为本说明书提供的实施例中页面切换方法的流程图；

图2a-图2c为本说明书提供的实施例中的页面切换示意图；

图3为本说明书提供的实施例中偏移量计算示意图；

图4为本说明书提供的实施例中页面切换装置的结构框图；

图5为本说明书提供的实施例中计算机设备的结构框图。

【附图标记说明】

41、页面展示模块；

42、类型判断模块；

43、移动控制模块；

44、切换判断模块；

45、切换控制模块；

502、计算机设备；

504、处理器；

506、存储器；

508、驱动机构；

510、输入/输出模块；

512、输入设备；

514、输出设备；

516、呈现设备；

518、图形用户接口；

520、网络接口；

522、通信链路；

524、通信总线。

具体实施方式

为了使本技术领域的人员更好地理解本说明书中的技术方案，下面将结合本说明书实施例中的附图，对本说明书实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本说明书保护的范围。

本说明书实施例的页面切换方法，可以应用于客户端侧；所述客户端可以安装于所述计算机设备上。在本说明书一些实施例中，所述计算机设备可以包括但不限于智能手机、平板电脑、笔记本电脑、智能手机、数字助理、智能可穿戴设备等。在本说明书的一些实施例中，滑动手势可以是在计算机设备的触敏显示器(也可以称为触控屏或触摸屏)上的接触式滑动；其中，所述触敏显示器可以为基于电容、电阻、红外或声表面波等触敏技术的触敏显示器。在本说明书另一些实施例中，滑动手势也可以是针对所展示页面的非接触式(即感应式)滑动；在这种情况下，计算机设备一般为具有手势感应功能的智能设备(例如具有手势感应功能的智能投影设备等)，其可以在一定距离范围内感应用户手势，并可以对感应到的用户手势作出响应。

参考图1所示，在本说明书一些实施例中，页面切换方法可以包括以下步骤：

s101、展示页面。

在本说明书的实施例中，当客户端接收到用户的操作指令(例如启动指令等)时，可以展示页面，以便于用户浏览和/或进行后续操作。

s102、当检测到针对所述页面的滑动手势时，确认所述页面是否为允许切换页面。

展示页面后，所述客户端可以检测是否有滑动手势发生。例如，以接触式滑动手势为例，所述客户端可以检测在触敏显示器上是否有接触滑动发生。其中，这里的接触滑动可以是指：在与触敏显示器持续接触的同时将接触点平移。在本说明书一实施例中，与触敏显示器持续接触可以由用户的手指或其他任何适当的物体或配件(例如触控笔等)来执行。

当检测到针对所述页面的滑动手势时，可以进一步判断页面是否为允许切换页面，以免发生用户所不期望的切换。例如，在一示例性实施例中，页面可以包括一个地图子页面，当用户以滑动手势方式移动地图子页面时，并不希望展示的整个页面发生切换，以免影响用户浏览地图。再如，在另一示例性实施例中，页面可以包括一个菜单子页面，当用户以滑动手势方式移动菜单子页面时，并不希望展示的整个页面发生切换，以免影响用户浏览菜单。

在本说明书一些实施例中，所确认所述页面是否为允许切换页面可以包括：

(1)、判断所述页面中对应于所述滑动手势的起始点的控件是否为禁止切换控件集合中的元素。一般地，页面中的控件只有少数是禁止切换控件(例如上述的地图子页面、菜单子页面等)。如此，通过判断所述页面中对应于所述滑动手势的起始点的控件是否为禁止切换控件集合中的元素，可以有利于提高查询效率。其中，对应于滑动手势的起始点的控件即为滑动手势的起始点位置处的控件。

(2)、如果所述控件不是所述禁止切换控件集合中的元素，确认所述页面为允许切换页面。

s103、如果所述页面为允许切换页面，响应于所述滑动手势同步移动所述页面。

在本说明书一实施例中，当控件不是禁止切换控件集合中的元素时，表明所述页面可以进行切换控制，因此，所述客户端可以响应于所述滑动手势同步移动所述页面，从可以像拉抽屉一样动态移动页面。例如，当用户向左滑动手势时，所述页面同步向左移动；当用户向下滑动手势时，所述页面同步向下移动。

在本说明书一实施例中，当所述控件是所述禁止切换控件集合中的元素时，表明所述页面不可以进行切换控制。此时，可以响应于所述滑动手势同步移动所述页面中对应于所述控件的子页面，以满足用户对子页面的移动操作需求。例如，在一示例性实施例中，页面可以包括一个地图子页面，当用户以滑动手势方式移动地图子页面时，客户端可以同步移动地图子页面，以满足用户对地图子页面的浏览需求。

s104、确认所述滑动手势在终止时的偏移量是否达到偏移量阈值。

在本说明书的实施例中，设置偏移量阈值的主要目的在于提高切换效率。由于偏移量阈值一般远小于计算机设备的显示尺寸(例如横向尺寸或纵向尺寸)。因而在切换时，无需像现有滚动条那样在几乎滑动了整个显示尺寸(例如横向尺寸或纵向尺寸)时，才能实现页面切换。然而，偏移量阈值也不宜过小，以免意外手势导致不期望的页面切换。

在本说明书一些实施例中，所述滑动手势的滑动方向可以是横向(例如向左滑动、向右滑动)，也可以是纵向(例如向上滑动、向下滑动)。实际上，多数情况下，滑动手势的滑动方向是斜向的。因此，为了精确识别用户期望的页面切换方向是横向还是纵向，在本说明书一些实施例中，所述确认所述滑动手势在终止时的偏移量是否达到偏移量阈值，可以包括以下步骤：

(1)、获取所述滑动手势在终止时的横向坐标偏移量和纵向坐标偏移量。

在本说明书一实施例中，滑动手势具有起始点和终止点，通过计算起始点和终止点的坐标变化(即位置变化)，既可以得到所述滑动手势在终止时的横向坐标偏移量和纵向坐标偏移量。应当理解的是，本说明书各实施例中的“偏移量”是指相对偏移量，即起始点和终止点的相对位置变化。

例如，如图3所示，在本说明书一示例性实施例中，以智能手机的接触式滑动为例，其坐标原点为智能手机的触敏显示器的中心点o。当以s1点作为起始点接触滑动至s2点结束(即s2点为终止点)时，可以获得横向坐标偏移量为a和纵向坐标偏移量为b。

(2)、比较所述横向坐标偏移量和所述纵向坐标偏移量。

(3)、当所述横向坐标偏移量大于所述纵向坐标偏移量时，可以确认所述滑动手势的滑动方向为横向，并判断所述横向坐标偏移量是否达到横向偏移量阈值。由于计算机设备的横向显示尺寸和纵向显示尺寸一般不相同，因此，可以针对的横向显示尺寸和纵向显示尺寸分别设置合适的偏移量阈值(即设置横向偏移量阈值和纵向偏移量阈值)。当所述横向坐标偏移量小于或等于所述纵向坐标偏移量时，可以确认所述滑动手势的滑动方向为纵向，并判断所述纵向坐标偏移量是否达到纵向偏移量阈值。

例如，以图3所示的示例性实施例为例，若a>b，则判断为横向滑动；并可以进一步根据起始点与终止点之间的横坐标变化，确定是向右滑动还是向左滑动。当终止点横坐标相对于起始点横坐标的增量为负值时，判断为向左滑动，否则判断为向右滑动。若a≤b，则判断为纵向滑动；并可以进一步根据起始点与终止点之间的纵坐标变化，确定是向上滑动还是向下滑动。当终止点纵坐标相对于起始点纵坐标的增量为负值时，判断为向下滑动，否则判断为向上滑动。

在本说明书另一些实施例中，也可以设置仅允许横向滑动(即仅允许页面横向切换)或仅允许纵向滑动(即仅允许页面纵向切换)。因此，当仅允许横向滑动(即仅允许页面横向切换)时，可以仅获取滑动手势在终止时的横向坐标偏移量，而无需考虑滑动手势在终止时的纵向坐标偏移量。同理，当仅允许纵向滑动(即仅允许页面纵向切换)时，可以仅获取滑动手势在终止时的纵向坐标偏移量，而无需考虑滑动手势在终止时的横向坐标偏移量。

此外，在本说明书另一些实施例中，页面大小可以是全屏幕，也可以是自定义屏幕大小。

s105、当所述滑动手势在终止时的偏移量达到偏移量阈值时，将所述页面切换至目标页面。

在上文已经阐明，允许页面切换的切换方式是预先设置好的。相应的，页面排序设置也是对应设置好的。在本说明书的实施例中，目标页面即为替换者；相应的，当前展示(或当前主要展示)的页面则为被替换者。

例如，当仅允许页面横向切换时，可以横向顺序设置每个页面坐标。比如，设置页面1和页面2的左右横向切换，则排列顺序为页面1在左边，页面2在右边，页面1的x坐标比页面2的x小w，w为页面宽度。横向页面数量没有数量限制，具体可以根据需要确定。

再如，当仅允许页面纵向切换时，与横向页面设置类似，可以纵向顺序设置每个页面坐标。比如，设置页面1，2，3上切换，则排列顺序为页面1在最上，页面2在中间，页面3在最下，页面1，2，3的y坐标依次比前一个小h，h为页面高度。同样页面数量没有限制，具体可以根据需要确定。

在本说明书一些实施例中，所述将所述页面切换至目标页面，可以是指按照所述滑动手势的滑动方向将所述页面切换至目标页面。

例如，在本说明书一示例性实施例中，以智能手机的接触式滑动为例，若页面仅允许纵向切换，且当前展示的页面为页面1(如图2a所示)。当接触滑动为向下滑动，且确认页面1为允许切换页面时，随着接触滑动向下进行，页面1的下部从的下边缘依序逐渐滑出(消失)，与此同时，页面2的下部从的上边缘依序逐渐滑入(呈现)，并且页面2滑入的尺寸与页面1滑出的尺寸是相等(如图2b所示)。当滑动手势在终止时的偏移量达到偏移量阈值时，页面1被页面2所替换(如图2c所示)，从而实现页面切换。

在本说明书另一些实施例中，当所述滑动手势在终止时的偏移量未达到偏移量阈值时，可以回弹式恢复所述页面至滑动前的位置，从而像推抽屉一样动态移动页面。例如，还以图2a和图2b所示的示例性实施例为例，若页面1在终止时的偏移量未达到偏移量阈值时，则可以回弹式恢复页面1至如图2a所示的状态。其中，回弹式恢复是指：按照与滑动手势的滑动方向相反的方向，快速恢复所述页面至滑动前的位置。由于这种恢复过程类似于被拉伸的弹簧恢复至形变前的过程，因此形象地称之为回弹式恢复。

由此可见，在本说明书的实施例中，当需要进行页面切换时，只需要将滑动手势在终止时的偏移量达到预设的偏移量阈值时，即可以实现页面切换。而无需像现有技术那样，使滚动条跨越显示器的整个横向或纵向尺寸才能实现应用程序的页面切换，从而大大提高了应用程序的页面切换速度，提高了用户体验。不仅如此，在本说明书的实施例中，当检测到滑动手势时，可以先确认页面是否为允许切换页面，如此，可以识别出滑动手势是需要整体页面切换，还是需要局部页面(即子页面)移动，从而可以有利于精确识别用户实际的操作需求，进而有利于进一步提高用户体验。

与上述页面切换方法对应，本说明书实施例还提供了页面切换装置。参考图4所示，在本说明书一些实施例中，所述页面切换装置可以包括：

页面展示模块41，可以用于展示页面；

类型判断模块42，可以用于当检测到针对所述页面的滑动手势时，确认所述页面是否为允许切换页面；

移动控制模块43，可以用于如果所述页面为允许切换页面，响应于所述滑动手势同步移动所述页面；

切换判断模块44，可以用于确认所述滑动手势在终止时的偏移量是否达到偏移量阈值；

切换控制模块45，可以用于当所述滑动手势在终止时的偏移量达到偏移量阈值时，将所述页面切换至目标页面。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

与上述页面切换方法对应，本说明书还提供了计算机设备。

参考图5所示，在本说明书一些实施例中，所述计算机设备502可以包括一个或多个处理器504，诸如一个或多个中央处理单元(cpu)或图形处理器(gpu)，每个处理单元可以实现一个或多个硬件线程。计算机设备502还可以包括任何存储器506，其用于存储诸如代码、设置、数据等之类的任何种类的信息，一具体实施方式中，存储器506上并可在处理器504上运行的计算机程序，所述计算机程序被所述处理器504运行时，可以执行根据上述方法的指令。非限制性的，比如，存储器506可以包括以下任一项或多种组合：任何类型的ram，任何类型的rom，闪存设备，硬盘，光盘等。更一般地，任何存储器都可以使用任何技术来存储信息。进一步地，任何存储器可以提供信息的易失性或非易失性保留。进一步地，任何存储器可以表示计算机设备502的固定或可移除部件。在一种情况下，当处理器504执行被存储在任何存储器或存储器的组合中的相关联的指令时，计算机设备502可以执行相关联指令的任一操作。计算机设备502还包括用于与任何存储器交互的一个或多个驱动机构508，诸如硬盘驱动机构、光盘驱动机构等。

计算机设备502还可以包括输入/输出模块510(i/o)，其用于接收各种输入(经由输入设备512)和用于提供各种输出(经由输出设备514))。一个具体输出机构可以包括呈现设备516和相关联的图形用户接口518(gui)。在其他实施例中，还可以不包括输入/输出模块510(i/o)、输入设备512以及输出设备514，仅作为网络中的一台计算机设备。计算机设备502还可以包括一个或多个网络接口520，其用于经由一个或多个通信链路522与其他设备交换数据。一个或多个通信总线524将上文所描述的部件耦合在一起。

通信链路522可以以任何方式实现，例如，通过局域网、广域网(例如，因特网)、点对点连接等、或其任何组合。通信链路522可以包括由任何协议或协议组合支配的硬连线链路、无线链路、路由器、网关功能、名称服务器等的任何组合。

虽然上文描述的过程流程包括以特定顺序出现的多个操作，但是，应当清楚了解，这些过程可以包括更多或更少的操作，这些操作可以顺序执行或并行执行(例如使用并行处理器或多线程环境)。

本申请是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算机设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算机设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本说明书实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本说明书实施例的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。