CN109857296A - 一种电子设备的页面切换方法及系统 - Google Patents

Abstract

本发明公开了一种电子设备的页面切换方法及系统，该方法包括如下步骤：接收用户输入的滑动手势信息；根据所述滑动手势信息匹配目标页面；输出目标标页面；其中，所述滑动手势信息包括滑动区域及滑动路径；该系统包括：输入模块：用于接收用户输入的滑动手势信息；处理模块：用于根据所述滑动手势信息匹配目标页面；输出模块：用于输出目标页面。该电子设备的页面切换方法及系统，通过在电子设备显示屏上的滑动操作，输入滑动手势信息，通过滑动区域、滑动路径的不同，可以切换至不同的页面，相对于现有的滑动切换方法，操作步骤简单明了、切换速度快、切换灵活性大，在页面操作上提供更多交互可能性，大大地提升了用户的体验感。

Description

一种电子设备的页面切换方法及系统

技术领域

本发明涉及用户体验设计领域，特别涉及一种电子设备的页面切换方法及系统。

背景技术

随着智能设备的发展，电子设备的应用变得越来越广泛，其处理速度越来越快，功能越来越完备。因此，电子设备上安装的应用越来越多，页面也越来越复杂，人们在想要自然、快速的进行页面、应用切换以及快速开启应用的需求也越来越强烈。

以应用程序切换为例，需要先将当前页面退回至后台或者直接退出页面，才能打开所需要的目标应用程序，当然也可以通过点击设于页面上端或者下端的导航按钮实现快速切换。

然而，某些页面上不能放按钮，或者某些页面导航栏上放不下多余的按钮或按钮排放过于拥挤导致页面切换存在误操作点击，亦或者大屏手机单手无法点击到导航栏上的按钮进行页面切换，在上述情况下有页面切换需求时，具有一定难度。

当然，目前也有通过点击或者滑动显示屏以实现页面的快速切换，然而也存在操作繁琐或者功能单一的局限性，仍然无法解决简单、快捷地进行电子设备页面的切换。

发明内容

为了解决现有技术的问题，本发明实施例提供了一种电子设备的页面切换方法及系统，该电子设备的页面切换方法为

第一方面，本发明提供了一种电子设备的页面切换方法，包括：

一种电子设备的页面切换方法，其特征在于：所述方法包括如下步骤：

接收用户输入的滑动手势信息；

根据所述滑动手势信息匹配目标页面；

输出目标页面；

其中，所述滑动手势信息包括滑动区域及滑动路径。

进一步地，所述滑动区域至少包括第一滑动区域及第二滑动区域，不同滑动区域接收用户输入的滑动手势信息后，输出不同的目标页面。

进一步地，在同一滑动区域内，滑动路径不同，输出不同目标页面，滑至第一位置时，输出第一目标页面，连续滑至第二位置时，输出第二目标页面。

进一步地，所述接收用户输入的滑动手势信息之前，还包括：预先设定可切换的页面的滑动手势信息集合，所述滑动手势信息集合包括滑动区域信息、滑动路径信息。

进一步地，所述根据所述滑动手势信息匹配目标页面，包括：

将所述滑动手势信息在所述滑动手势信息集合中进行查询，若所述滑动手势信息属于所述滑动手势信息集合，则所述滑动手势信息与所述目标页面实现匹配，若所述滑动手势信息不属于所述滑动手势信息集合，则所述滑动手势信息与所述目标页面无法匹配。

进一步地，所述接收用户输入的滑动手势信息后，还包括启动虚拟导航模式，所述虚拟导航根据所述滑动手势信息展示相应的目标页面信息。

第二方面，本发明提供一种基于所述一种电子设备的页面切换方法的电子设备的页面切换系统，包括：

输入模块：用于接收用户输入的滑动手势信息；

处理模块：用于根据所述滑动手势信息匹配目标页面；

输出模块：用于输出目标页面；

其中，所述滑动手势信息包括滑动区域及滑动路径。

进一步地，所述一种电子设备的页面切换系统还包括信息预设模块，用于预先设定可切换的页面的滑动手势信息集合，所述滑动手势信息集合包括滑动区域信息、滑动路径信息。

进一步地，所述处理模块包括查询子模块及判定子模块；

所述查询子模块用于将所述滑动手势信息在所述滑动手势信息集合中进行查询；

所述判定子模块用于将滑动手势信息将目标页面进行匹配，若所述滑动手势信息属于所述滑动手势信息集合，则所述滑动手势信息与所述目标页面匹配，若所述滑动手势信息不属于所述滑动手势信息集合，则所述滑动手势信息与任一可切换的页面均不匹配。

进一步地，所述一种电子设备的页面切换装置还包括虚拟导航模块，所述虚拟导航模块用于在接收用户输入的滑动手势信息后，根据所述滑动手势信息展示相应的目标页面信息。

本发明实施例提供的技术方案带来的有益效果是：

本发明通过提供一种电子设备的页面切换方法及系统，通过在电子设备显示屏上的滑动操作，输入滑动手势信息，通过滑动区域、滑动路径的不同，可以切换至不同的页面，相对于现有的滑动切换方法，操作步骤简单明了、切换速度快、切换灵活性大，在页面操作上提供更多交互可能性，大大地提升了用户的体验感。

附图说明

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

图1是本发明实施例提供的一种电子设备的页面切换方法的流程图；

图2是本发明实施例提供的一种电子设备的页面切换方法的操作示意图；

图3是本发明实施例提供的一种电子设备的页面切换方法的另一操作示意图。

图4是本发明实施例提供的一种电子设备的页面切换方法的另一操作示意图。

图5是本发明实施例提供的一种电子设备的页面切换方法的另一操作示意图。

图6是本发明实施例提供的一种电子设备的页面切换方法的另一操作示意图。

图7是本发明实施例提供的一种电子设备的页面切换系统的结构示意图。

具体实施方式

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

如图1所示，本发明提供了一种电子设备的页面切换方法，具体包括如下步骤：

S1、接收用户输入的滑动手势信息；

S2、根据所述滑动手势信息匹配目标页面；

S3、输出目标页面。

用户通过显示屏与电子设备进行交互，具体可采用在显示屏上进行触屏滑动以输入一定的滑动手势信息的方法进行。其中，滑动手势信息包括滑动区域及滑动路径。因此电子设备接收用户输入的滑动手势信息，包括：识别滑动手势的滑动区域及滑动路径信息。

本实施例中的页面切换，可以是同一应用程序内不同页面的切换，也可以是不同应用程序之间的切换，或者移动终端主页(home)或PC端桌面与应用的切换。

本实施例中的电子设备可以是移动终端或者PC端，移动终端可以是手机、PAD等设备，为了便于描述，本实施例以手机为例进行描述。

具体操作时，如图2所示，如在产品列表页向下滑动，页面切换成搜索界面。或者如图3所示，在手机主页向上滑动，页面切换成最近使用的应用界面。

作为一种较佳的实施方式，将手机显示屏进行区域划分，所划分区域可以是两个、三个甚至更多，本实施例不加以限制，但都在包含本发明的保护范围之内。本实施例中，为了便于描述且符合人体工程学原理，以将显示屏平均划分为左、右两个区域为例进行描述。故滑动区域从左至右包括第一滑动区域、第二滑动区域，即第一滑动区域为显示屏的左侧1/2区域，第二滑动区域为右侧1/2区域。

作为一种较佳的实施方式，不同滑动区域接收用户输入的滑动手势信息后，输出不同的目标页面。在同一滑动区域内，滑动手势信息的滑动起点和终点可以位于该区域内的任意位置，两者可以重叠，也可以不重叠。滑动轨迹类型可以是直线型、曲线形、矩形、圆形等其他任意规则或者不规则、封闭或不封闭的形状。为了便于描述，本实施例以直线型滑动轨迹为例进行描述，但是本发明并不限于此，各种滑动轨迹均在本发明的保护范围内。

如图4至5所示，以在手机主页面上滑动为例，在手机主页面的第一滑动区域内向下滑动，打开手电筒页面。在手机主页面的第二滑动区域内向下滑动时，打开相机页面。

在同一滑动区域内，滑动路径不同，切换页面也不同。比如滑至第一位置时，输出第一目标页面，连续滑至第二位置时，输出第二目标页面，再连续滑至第三位置时，输出第三目标页面，以此类推。

如图6所示，在产品列表页上，在一次滑动过程中，用户向下单次滑动第一单位位移至第一位置时松开手指，则进入产品搜索界面；若向下单次滑动至第一位置时不松开手指，进行第二次滑动，即继续向下滑动一个第二单位位移至第二位置时松开，则进入分享界面；若向下滑动至第二位置时不松开，进行第三次滑动，即继续向下滑动一个第三单位位移至第三位置时松开，则进入个人中心界面。其中每一单位位移不超过1/3显示屏高度，第一、二、三单位位移可以相同也可以不同。

因此，在接收用户输入的滑动手势信息之前，还需要预先设定可切换的页面的滑动手势信息集合，滑动手势信息集合可以由用户自定义设置。滑动手势信息集合包括滑动区域信息、滑动路径信息。根据人体工程学原理，手机的显示屏上具有拇指操作热区，用户在设置滑动手势信息的时候，可以将最常用的页面对应的滑动手势信息设置在手指能轻松达到的拇指操作热区。滑动路径信息包括滑动方向及连续滑动次数，根据上述分析，滑动方向不同，或者连续滑动次数不同，切换页面均不同。需要说明的是，本实施例中的连续滑动次数，是指滑至第一位置时，输出第一目标页面，不松开手指连续滑至第二位置时，输出第二目标页面，滑动过程中手指持续作用于显示屏且分滑动第一次、连续滑动第二次等，即为连续滑动次数不同。

比如，用户预先设置在产品列表页上的若干个滑动手势信息集合，其中，打开产品搜索的滑动手势集合为{第一滑动区域，向下单次滑动单位位移}。

根据滑动手势信息匹配目标页面，包括：将滑动手势信息在滑动手势信息集合中进行查询，若滑动手势信息属于滑动手势信息集合，则滑动手势信息与目标页面实现匹配，若滑动手势信息不属于滑动手势信息集合，则滑动手势信息与目标页面无法匹配。

仍然以打开产品搜索为例，若是用户在第一滑动区域内滑动，且滑动路径为单次向下滑动单位位移，则滑动手势信息属于产品搜索的滑动手势信息集合，滑动手势信息与产品搜索页面匹配。若是用户在第二滑动区域内滑动，即使滑动路径为单次向下滑动单位位移，滑动手势信息也不属于产品搜索的滑动手势信息集合，滑动手势信息与产品搜索页面无法匹配，本次滑动无效。

滑动手势信息匹配目标页面后，输出目标页面，并关闭当前页面或者将当前应用程序从前台运行状态转换为后台运行状态。

若是在同一页面内，则是直接切换为目标页面，如切换为搜索页面。

若是在进行不同应用程序之间的切换，由于目标应用程序的运行状态包括后台运行状态或者未运行状态中的一种。当目标应用程序为后台运行程序时，输出目标应用程序，具体包括：将目标应用程序从后台运行状态切换为前台运行状态，并将当前应用程序从前台运行状态切换为后台运行状态。当目标应用程序为未运行程序时，输出目标应用程序，具体包括：启动目标应用程序且将其切换为前台运行状态，并将当前应用程序从前台运行状态切换为后台运行状态。

作为一种较佳的实施方式，接收用户输入的滑动手势信息后，还包括启动虚拟导航模式，虚拟导航根据滑动手势信息在显示屏的适当位置展示相应的页面信息。

继续参照图6，以在第一滑动区域内连续多次向下滑动为例，当滑动手势信息与产品搜索页面匹配时，在显示屏最上端显示与之相应的说明，如“搜索界面”等字样，继续滑动至滑动手势信息与分享页面匹配时，接着出现“分享界面”字样，继续滑动至滑动手势信息与分享页面匹配时，还会出现“个人中心界面”字样。在用户松开手指之前，可以通过点击“搜索界面”、“分享界面”或“个人中心界面”，选择性地切换目标页面。虚拟导航模式的设置，使得用户在操作过程中选择性更多，灵活性更大。

以下是本发明具体实施方式中提供的一种电子设备的页面切换系统的实施例，系统的实施例基于上述的方法实施例实现，在系统中未尽的描述，请参考前述方法的实施例。

如图7所示，本实施例提供一种电子设备的页面切换系统，包括：

输入模块：用于接收用户输入的滑动手势信息；

处理模块：用于根据滑动手势信息匹配目标页面；

输出模块：用于输出目标页面；

其中，滑动手势信息包括滑动区域及滑动路径。

同样的，本实施例中的页面切换，可以是同一应用程序内不同页面的切换，也可以是不同应用程序之间的切换，或者移动终端主页(home)或PC端桌面与应用的切换。

该电子设备的页面切换系统还包括信息预设模块及虚拟导航模块，其中，信息预设模块用于预先设定可切换的页面的滑动手势信息集合，滑动手势信息集合包括滑动区域信息、滑动路径信息；虚拟导航模块用于在接收用户输入的滑动手势信息后，根据滑动手势信息展示相应的页面信息。

具体地，处理模块包括查询子模块及判定子模块，其中：

查询子模块用于将滑动手势信息在滑动手势信息集合中进行查询；

判定子模块用于将滑动手势信息将目标页面进行匹配，若滑动手势信息属于滑动手势信息集合，则滑动手势信息与目标页面匹配，若滑动手势信息不属于滑动手势信息集合，则滑动手势信息与任一可切换的页面均不匹配。

本实施例通过提供一种电子设备的页面切换方法及系统，通过在电子设备显示屏上的滑动操作，输入滑动手势信息，通过滑动区域、滑动路径的不同，可以切换至不同的页面，相对于现有的滑动切换方法，操作步骤简单明了、切换速度快、切换过程灵活性大，在页面操作上提供更多交互可能性，大大地提升了用户的体验感。

上述所有可选技术方案，可以采用任意结合形成本发明的可选实施例，在此不再一一赘述。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种电子设备的页面切换方法，其特征在于：所述方法包括如下步骤：

接收用户输入的滑动手势信息；

根据所述滑动手势信息匹配目标页面；

输出目标页面；

其中，所述滑动手势信息包括滑动区域及滑动路径。

2.如权利要求1所述的一种电子设备的页面切换方法，其特征在于，所述滑动区域至少包括第一滑动区域及第二滑动区域，不同滑动区域接收用户输入的滑动手势信息后，输出不同的目标页面。

3.如权利要求1或2所述的一种电子设备的页面切换方法，其特征在于，在同一滑动区域内，滑动路径不同，输出不同目标页面，滑至第一位置时，输出第一目标页面，连续滑至第二位置时，输出第二目标页面。

4.如权利要求1所述的一种电子设备的页面切换方法，其特征在于，所述接收用户输入的滑动手势信息之前，还包括：预先设定可切换的页面的滑动手势信息集合，所述滑动手势信息集合包括滑动区域信息、滑动路径信息。

5.如权利要求4所述的一种电子设备的页面切换方法，其特征在于，

所述根据所述滑动手势信息匹配目标页面，包括：

将所述滑动手势信息在所述滑动手势信息集合中进行查询，若所述滑动手势信息属于所述滑动手势信息集合，则所述滑动手势信息与所述目标页面实现匹配，若所述滑动手势信息不属于所述滑动手势信息集合，则所述滑动手势信息与所述目标页面无法匹配。

6.如权利要求1至5任一项所述的一种电子设备的页面切换方法，其特征在于，所述接收用户输入的滑动手势信息后，还包括启动虚拟导航模式，所述虚拟导航根据所述滑动手势信息展示相应的目标页面信息。

7.一种基于权利要求1至6任一项所述的电子设备的页面切换方法的电子设备的页面切换系统，其特征在于：包括：

输入模块：用于接收用户输入的滑动手势信息；

处理模块：用于根据所述滑动手势信息匹配目标页面；

输出模块：用于输出目标页面；

其中，所述滑动手势信息包括滑动区域及滑动路径。

8.如权利要求7所述的一种电子设备的页面切换系统，其特征在于，其还包括信息预设模块，用于预先设定可切换的页面的滑动手势信息集合，所述滑动手势信息集合包括滑动区域信息、滑动路径信息。

9.如权利要求8所述的一种电子设备的页面切换系统，其特征在于，所述处理模块包括查询子模块及判定子模块；

所述查询子模块用于将所述滑动手势信息在所述滑动手势信息集合中进行查询；

所述判定子模块用于将滑动手势信息将目标页面进行匹配，若所述滑动手势信息属于所述滑动手势信息集合，则所述滑动手势信息与所述目标页面匹配，若所述滑动手势信息不属于所述滑动手势信息集合，则所述滑动手势信息与任一可切换的页面均不匹配。

10.如权利要求7至9任一项所述的一种电子设备的页面切换系统，其特征在于，其还包括虚拟导航模块，所述虚拟导航模块用于在接收用户输入的滑动手势信息后，根据所述滑动手势信息展示相应的目标页面信息。