CN107870720A - 用于触摸屏的视图切换方法、装置和客户端设备 - Google Patents

Abstract

本发明提出了一种用于触摸屏的视图切换方法、装置和相应的客户端设备。所述方法包括：响应于用户在当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。通过对指定视图的顺畅切换，能够减少用户误操作带来的误差，给用户一个快捷、方便且优雅的浏览体验。

Description

用于触摸屏的视图切换方法、装置和客户端设备

技术领域

本申请涉及界面交互，尤其涉及一种用于触摸屏的视图切换方法和装置、以及相应的客户端设备。

背景技术

随着计算机技术和移动互联网的发展，带有触摸屏的设备，尤其是移动设备变得越来越普遍。与此同时，用户使用触屏设备，尤其是智能手机浏览网页的行为也变得越来越频繁。因此，对提供简单且快速方便的操作方式的需求也变得更为迫切。

目前市面上的浏览器返回首页的方式基本是通过先点击返回首页的页面，再通过首页中显示提供的返回首页的按钮来点击返回首页，这样操作繁琐，用户操作成本偏高。另外，虽然可以通过在底部选项卡上设置一个选项卡用于专门直接回到首页(或是其他指定页面)，但这会占用有限的选项卡位置，并会导致页面显示的不够简洁。对于其他触摸设备上的应用，也存在类似的视图返回或切换不便的问题。

于是，需要一种适用于的触摸屏的视图切换方案，其能够适用于包括浏览器在内的各种应用，以方便对指定视图的流畅切换。

发明内容

本申请旨在通过快速且符合用户思维和使用习惯的手势设置，实现对指定视图的顺畅切换，由此减少用户误操作带来的误差，给用户一个快捷、方便且优雅的浏览体验。

根据本发明的一个方面，提出了一种触摸屏的视图切换方法，包括：响应于用户在当前视图上的第一特定手势，在当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。

这样，用户通过特定手势就能够方便地回到期望前往的目标视图，使得针对触摸屏的操作更为顺畅，从而提升用户的使用体验。

优选地，第一特定手势是如下之一：从所述特定区域开始的手势；在所述特定区域结束的手势；途经所述特定区域的手势；以及在所述特定区域上的单击、双击或按压。。

由于特定手势经过特定区域，因此能够更方便地将特定手势与普通的页面操作手势相区别，使得本方案能够更容易地实现。

优选地，所述第一特定手势包括滑动动作。更优选地，所述第一特定手势包括如下之一：从所述特定区域开始的滑动动作；在所述特定区域结束的滑动动作；以及途经所述特定区域的滑动动作。

由于特定手势是与普通滑动操作相类似的经过特定区域的滑动操作，因此能够确保视图切换操作的方便和流程性，提升用户的使用愉悦性。

优选地，所述切换标志包括至少一个不稳定显示状态以及稳定状态，所述切换标志在所述滑动动作超过预定距离之后或是按压屏幕超过预定时间之后稳定显示为稳定状态。

由此，能够通过不稳定状态的出现明确提示用户自己的动作正在引起视图切换操作，并且使得用户能够通过随后的动作来明确或是停止所述切换操作。

优选地，第二特定手势可以是点击或双击所述切换标识的动作。由此，可以按照需要确定能够最终进行视图切换的动作。

优选地，特定区域可以位于所述视图的下部。更为优选地，特定区域可以是紧接位于所述视图底部选项卡之上的文字显示栏。由此能够尤其方便手持设备进行本申请的视图切换操作。

优选地，第一特定手势可以是从文字显示栏开始的上滑动作。这样就能够便捷优雅地实现切换动作。

优选地，视图可以是触摸屏上显示的页面，并且目标视图是站点或是应用的主页。本申请的视图切换方案尤其适用于需要层层点击进入的页面浏览应用，以实现对相隔多层的页面的直接切换。

根据本发明的另一个方面，提出了一种触摸屏的视图切换装置，包括：切换标志显示单元，用于响应于用户在当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及目标视图切换单元，用于响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。

优选地，第一特定手势可以包括如下之一：从所述特定区域开始的滑动动作；在所述特定区域结束的滑动动作；以及途经所述特定区域的滑动动作。

优选地，切换标志包括至少一个不稳定显示状态以及稳定状态，切换标志显示单元在滑动动作超过预定距离之后或是按压屏幕超过预定时间之后将所述切换标志稳定显示为稳定状态。

优选地，特定区域紧接位于所述视图底部的选项卡之上的文字显示栏，以及所述第一特定手势是从所述文字显示栏开始的上滑动作。

根据本发明的又一个方面，提出了一种客户端设备，包括：触摸屏，用于接收输入信息并显示输出信息；存储器，用于存储信息；以及处理器，连接至所述触摸屏和所述存储器，所述处理器用于：响应于用户在所述触摸屏的当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。

根据本发明的视图切换方法、装置和客户端设备通过对触摸屏的简单操作，能够实现对视图的流畅切换，由此提升用户的使用体验。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1示出了根据本发明一个实施例的触摸屏视图切换方法。

图2示出了根据本发明一个实施例的触摸屏视图切换装置。

图3示出了根据本发明一个实施例的客户端设备。

图4a-4d示出了使用了本发明技术方案的页面截图。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

现有技术中，视图切换的便利程度往往与两视图之间相差的层级有关。例如，当使用浏览器浏览到特定网站的某一页面时，倘若想要回到浏览器的主页，就需要先回到网站主页，再返回浏览器主页，页面层级上的差异造成了操作上的不便。不仅如此，对于其他的应用(例如，安装在手机上的APP)，非相邻视图间的切换也通常需要多次操作，因此也是非常不便的。鉴于上述问题，本申请通过利用应用的特定区域(例如，手持设备时易于达到的视图底部区域)，用户只要简单操作就能够实现快速切换至指定的视图(例如，返回首页)，由此为用户提供新颖有趣且极为连贯的操作体验。

图1示出了根据本发明一个实施例的触摸屏视图切换方法。

在步骤S110，响应于用户在当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域。在这里，经过特定区域可以是从特定区域开始，经过特定区域或是以特定区域结束，甚至可以是对特定区域的单击、双击或持续按压。因此，上述第一特定手势可以是从所述特定区域开始的手势，在所述特定区域结束的手势或是途经所述特定区域的手势。另外，该第一特定手势可以包括滑动动作。由于第一特定手势需要经过特定区域，因此能够与视图浏览上常规的滑动手势相区别。于是第一特定手势可以是从所述特定区域开始的滑动动作、在所述特定区域结束的滑动动作、或途经所述特定区域的滑动动作，也可以包括上述动作。在一个实施例中，第一特定手势可以包括从特定区域开始的向特定方向的滑动。在另一个实施例中，第一特定手势可以是具有一定轨迹且途经或在特定区域结束的滑动动作，例如可以是朝着一个方向滑动一定距离到达特定区域并随后滑向另一方向的手势(即，滑动轨迹为折线的手势)。应该理解在此仅为示例而非穷尽地列举了第一特定手势的具体实现。本领域技术人员还能够想到经过当前视图特定区域的第一特定手势的其他实现。

在步骤S120，响应于所述第一特定手势的结束或用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。切换标志是用于指示将要切换到目标视图的标志。在一个实施例中，切换标志可以仅仅是一个标志。在切换标志出现之后，第一特定手势的结束(例如，用户的手离开触摸屏)就可以直接触发从当前视图到目标视图的切换。在其他实施例中，切换标志可以是一个虚拟按钮，用户可以在第一特定手势结束之后，通过对切换标志进行操作的第二特定手势(例如，单击或双击切换标志)，实现视图切换。另外，在需要对切换标志进行操作以进行视图切换的情况下，倘若在切换标志显示之后的指定时间内用户没有对其进行操作，则可以隐藏该切换标志。

在一个实施例中，切换标志可以包括至少一个不稳定显示状态以及最终的稳定显示状态。由此使得用户知晓当前的动作可以导致视图的切换。这样，用户可以继续符合第一特定手势的动作以实现上述切换，或是停止动作以避免切换。在一个实施例中，第一特定手势可以包括起始阶段和确定阶段。在起始阶段，屏幕中可以出现不稳定显示的切换标志，例如闪烁的切换标志，不断升起或是隐藏的切换标志，或是特定颜色的切换标志。倘若用户打算进行视图切换，可以继续第一特定手势至确定阶段。在确定阶段，切换标志可以稳定显示，例如以稳定的颜色稳定显示在同一个位置。上述起始阶段和确定阶段优选地是一个连贯动作的不同部分。优选地，切换标志在滑动动作超过预定距离之后稳定显示为稳定状态。该切换标志也可以在按压屏幕的时间超过预定时长之后显示为稳定状态。另外，该切换标志也可以在用户随即改变滑动方向(例如，该上滑为下滑)之后显示为稳定状态。在切换标志稳定显示之后，可以将视图切换规定为由用户通过结束第一特定手势(例如，将手抬离触摸屏)而触发，或是由用户通过点击或双击切换标志来触发。在一个实施例中，稳定态和不稳定态是可以双向变化的，在切换标志显示为稳定状态后，也可以通过例如反方向的移动使得切换标志返回到不稳定状态。

在这里，切换标志可以具有任意形状和图案。优选地，切换标志可以具有能够与视图背景相区别的颜色或是轮廓，并且包括能够指示要切换到的目标视图的图标。例如，当本发明应用于将任意当前页面切换至浏览器主页时，可以显示一个具有主页图标的按钮作为切换标志。

在一个实施例中，特定区域优选位于视图的下部。这尤其适用于用户手持设备的应用，例如智能手机。由于智能手机的用户通常习惯于单手持机进行诸如滑动和点击的各类操作，因此特定区域位于视图下部能够方便用户的操作，是在现今手机屏幕越来越大的背景下尤为如此。在一个优选实施例中，将用于显示网站或是页面信息的文字显示栏可以设置在紧接位于所述视图的底部选项卡之上。本发明的特定区域可以是所述文字显示栏。第一特定手势优选是从文字显示栏开始的上滑动作。相应地，切换标志也可以显示在视图的下部，由此表示与该特定区域的联系。例如，切换标志可以显示为从文字显示栏升起，并显示在文字显示栏上方。

以上参考图1示出了本发明的视图切换方法及其实施例。可以理解的是，在实际应用中，可以组合来自各实施例的特征以得到新的实施方案。例如，在第一特定手势是从视图底部区域开始的滑动动作时，不稳定态的切换标志可以在滑动一定距离后出现。随后继续滑动超过阈值距离或是按压屏幕超过预定时间，或是其他的特定轨迹可以使得切换标志稳定显示。另外，本发明的技术方案可以应用于任意应用，尤其是移动端APP。在一个实施例中，移动端APP可以是浏览器应用。因此，该应用的视图是触摸屏上显示的页面，并且目标视图优选可以是特定站点或是该浏览器应用的主页。在一个实施例中，移动端APP是可以集成了多种功能的即时通信应用。可以使用本发明的技术方案以便通过特定的手势操作快速回到某一特定的视图，例如用户的个人主页视图，或是支付视图等。另外，还可以针对同一应用设置不同的手势(可以经过相同或不同的特定区域)用以跳转至不同的页面。这对于包含有多种功能的应用而言尤其适用。

如下将参考图2和图3描述本发明技术方案的模块和硬件实现。图2是根据本发明一个实施例的触摸屏视图切换装置200。装置200包括切换标志显示单元210和目标视图切换单元220。切换标志显示单元210响应于用户在当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域。目标视图切换单元220响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。与如上针对方法的描述相类似，第一特定手势也可以包括如下从所述特定区域开始的滑动动作；在所述特定区域结束的滑动动作；或是途经所述特定区域的滑动动作。

在一个实施例中，切换标志包括至少一个不稳定显示状态以及稳定状态。切换标志显示单元210可以在第一特定手势的起始阶段显示不稳定态的切换标志，并且在用户继续至确定阶段时稳定显示该切换标志。在一个实施例中，切换标志显示单元210可以在滑动动作超过预定距离之后将所述切换标志稳定显示为稳定状态。

应该理解的是，如上基于方法实施例针对特定手势和特定区域描述的优选实施例同样适用于这里参考图2描述的模块实施例。例如，特定区域同样可以是紧接位于所述视图底部的选项卡之上的文字显示栏，而第一特定手势也可以是从所述文字显示栏开始的上滑动作。

图3是根据本发明一个实施例的客户端设备300。客户端设备300包括触摸屏310、存储器320和处理器330。触摸屏310用于接收输入信息并显示输出信息。存储器320用于存储信息。处理器330连接至触摸屏310和存储器320，并用于响应于用户在触摸屏310的当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。

应该理解的是，上文描述的特定手势、特定区域和切换标志的的优选实施例同样适用于这里的客户端设备，因而在此不再赘述。同样可以理解的是，本发明的客户端设备300还可以包括用于实现其功能的其他装置，例如用于与外界交互的通信装置。在此省略对这类装置的描述以免对发明原理的混淆。

上文中已经参考附图1-3详细描述了根据本发明的触摸屏视图切换方法、装置和客户端设备以及相应的系统。如下将结合具体应用例对本发明的原理进行进一步的说明。

【应用例】

为了更直观地体现本发明的优点，如下将结合图4说明本发明技术方案的一个具体例子。图4a-4d示出了使用了本发明技术方案的页面截图。如图所示，本发明的技术方案应用于智能手机上带有浏览功能的APP，因此视图切换在此就具体为页面切换。

具体地，用户可以使用浏览器应用或是带有相应模块的应用浏览网页，且当前正浏览网页页面。当用户想要回到浏览器首页(或是任意指定页面)时，可以首先触碰屏幕上的特定区域，例如文字显示栏区域，随后按住屏幕不动并向上滑动。这时，页面上将缓慢的出现回到首页(或是任意指定页面)的标志。随着滑动距离增加标志将出现不同程度上的变化。最后滑动到一定距离后出现稳定的首页(或是任意指定页面)标志。松手后将回到首页(或是任意指定页面)。图4a示出了应用主页。图4b是用户点击图4a中的“腾讯”图标默认进入的“腾讯新闻”页面。图4b还示出了位于底部选项卡之上的文字显示栏，即，图中显示“腾讯新闻_腾讯网触屏版”的条状部分。用户随后进行第一特定手势，在此例中可以是按住文字显示栏并上滑。当上滑超过一定阈值时，如图4c所示有圆形切换图标从文字显示栏升起。当用户继续上滑时，切换图标稳定显示在文字显示栏的上方，例如，可以以不同的颜色。这是，如果用户将手抬离触摸屏，则页面自动跳转至由切换图标所标识的浏览器主页，例如图4a所示的页面。本例通过起始于视图底部的文字显示栏的简单上滑及抬离动作，就能够极为方便快捷地实现到首页的跳转，尤其适用于用户单手操作智能手机的最为常见的使用场景。

应该理解，这里给出的仅仅是本发明技术方案的一个具体实施例，而非在任意方面对本发明进行的限制。在实际应用中，可以针对任意应用(优选为智能手机APP)实现任意视图间的快速跳转；可以任意轨迹的途经特定区域的动作来实现对切换标志的显示；在切换标志存在多个状态的情况下，可以根据具体应用实现多个状态的单向或是双向转换。这些具体应用都在本发明权利要求所涵盖的范围之内。

应用的用户体验和交互能够决定用户对该应用的好感度，其重要程度不言而喻。此外，优质顺畅的交互体验还能够大大提升用户的新颖感和快乐感，从而提升用户对功能的完整体验。本发明的技术方案使用途经特定区域的手势来实现对特定的切换，使得用户能够快速回到目标视图，同时极大减少用户误操作带来的误差，给用户一个快捷、方便、优雅浏览体验。同时本方案有极高的扩展性，任何应用都能够快速的回到其特定视图，例如回到其首页。

此外，根据本发明的方法还可以实现为一种计算机程序，该计算机程序包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。或者，根据本发明的方法还可以实现为一种计算机程序产品，该计算机程序产品包括计算机可读介质，在该计算机可读介质上存储有用于执行本发明的上述方法中限定的上述功能的计算机程序。本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (15)

1.一种触摸屏的视图切换方法，包括：

响应于用户在当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及

响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。

2.如权利要求1所述的方法，其中，所述第一特定手势是如下之一：

从所述特定区域开始的手势；

在所述特定区域结束的手势；

途经所述特定区域的手势；以及

在所述特定区域上的单击、双击或按压。

3.如权利要求2所述的方法，其中，所述第一特定手势包括滑动动作。

4.如权利要求2所述的方法，其中，所述第一特定手势包括如下之一：

从所述特定区域开始的滑动动作；

在所述特定区域结束的滑动动作；以及

途经所述特定区域的滑动动作。

5.如权利要求3所述的方法，其中，所述切换标志包括至少一个不稳定显示状态以及稳定显示状态，所述切换标志在所述滑动动作超过预定距离之后或是按压触摸屏超过预定时间之后稳定显示为稳定显示状态。

6.如权利要求1所述的方法，其中，所述第二特定手势是点击或双击所述切换标识的动作。

7.如权利要求1所述的方法，其中，所述特定区域位于所述视图的下部。

8.如权利要求7所述的方法，其中，所述特定区域是紧接位于所述视图底部的选项卡之上的文字显示栏。

9.如权利要求8所述的方法，其中，所述第一特定手势是从所述文字显示栏开始的上滑动作。

10.如权利要求1所述的方法，其中，所述视图是所述触摸屏上显示的页面，并且所述目标视图是站点或是应用的主页。

11.一种触摸屏的视图切换装置，包括：

切换标志显示单元，用于响应于用户在当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及

目标视图切换单元，用于响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。

12.如权利要求11所述的装置，其中，所述第一特定手势包括如下之一：

从所述特定区域开始的滑动动作；

在所述特定区域结束的滑动动作；以及

途经所述特定区域的滑动动作。

13.如权利要求12所述的装置，其中，所述切换标志包括至少一个不稳定显示状态以及稳定显示状态，所述切换标志显示单元在所述滑动动作超过预定距离之后或是按压触摸屏超过预定时间之后将所述切换标志稳定显示为稳定显示状态。

14.如权利要求11所述的装置，其中，所述特定区域紧接位于所述视图底部的选项卡之上的文字显示栏，以及所述第一特定手势是从所述文字显示栏开始的上滑动作。

15.一种客户端设备，包括：

触摸屏，用于接收输入信息并显示输出信息；

存储器，用于存储信息；以及

处理器，连接至所述触摸屏和所述存储器，所述处理器用于：

响应于用户在所述触摸屏的当前视图上的第一特定手势，在所述当前视图上显示切换标志，其中所述第一特定手势经过所述当前视图的特定区域；以及

响应于所述第一特定手势的结束或所述用户在当前视图上的第二特定手势，从所述当前视图切换到与所述切换标志相关联的目标视图。