CN113268682A - 基于导航栏的页面内容展示方法、装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种基于导航栏的页面内容展示方法、装置、设备及存储介质，涉及界面交互技术领域。所述方法包括：展示应用界面，所述应用界面中包含第一导航栏，所述第一导航栏中包含第一导航选项；响应于接收到对所述第一导航选项的第一触发操作，在所述应用界面中展示第二导航栏，以及所述第二导航栏中的第二导航选项对应的页面内容；响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容；所述第三导航选项是所述第二导航栏中，除了所述第二导航选项之外的另一导航选项。本方案能够极大的简化用户的操作，从而提高了基于导航栏触发页面内容展示时的交互效率。

Description

基于导航栏的页面内容展示方法、装置、设备及存储介质

技术领域

本申请实施例涉及界面交互技术领域，特别涉及一种基于导航栏的页面内容展示方法、装置、设备及存储介质。

背景技术

随着应用程序的功能的不断丰富，许多应用程序提供两级/多级导航栏，以便用户能够方便的切换显示不同的页面内容。

相关技术中，当用户需要查看下级导航栏链接的页面内容时，首先点击上级导航栏中的一个导航选项，触发应用程序展示下级导航栏，然后，再通过点击该下级导航栏中的不同的导航选项，以切换显示下级导航栏中不同的导航选项对应的页面内容，比如切换不同的页面，或者，切换同一页面中不同的页面元素。

然而，上述方案需要用户在不同的导航栏中分别进行导航选项的点击，用户操作较为繁琐，影响基于导航栏触发页面内容展示时的交互效率。

发明内容

本申请实施例提供了一种基于导航栏的页面内容展示方法、装置、设备及存储介质，可以提高基于导航栏触发页面内容展示时的交互效率。所述技术方案如下：

一方面，提供了一种基于导航栏的页面内容展示方法，所述方法包括：

展示应用界面，所述应用界面中包含第一导航栏，所述第一导航栏中包含第一导航选项；

响应于接收到对所述第一导航选项的第一触发操作，在所述应用界面中展示第二导航栏，以及所述第二导航栏中的第二导航选项对应的页面内容；

响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容；所述第三导航选项是所述第二导航栏中，除了所述第二导航选项之外的另一导航选项。

另一方面，提供了一种基于导航栏的页面内容展示装置，所述装置包括：

界面展示模块，用于展示应用界面，所述应用界面中包含第一导航栏，所述第一导航栏中包含第一导航选项；

第一内容展示模块，用于响应于接收到对所述第一导航选项的第一触发操作，在所述应用界面中展示第二导航栏，以及所述第二导航栏中的第二导航选项对应的页面内容；

第二内容展示模块，用于响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容；所述第三导航选项是所述第二导航栏中，除了所述第二导航选项之外的另一导航选项。

在一种可能的实现方式中，第二内容展示模块，用于响应于接收到对所述第一导航选项的第二触发操作，按照循环切换的方式，将所述第二导航选项对应的页面内容切换为所述第三导航选项对应的页面内容，所述第三导航选项是所述第二导航选项在所述第二导航栏中的下一选项。

在一种可能的实现方式中，所述装置还包括：

第一选项确定模块，用于在第二内容展示模块将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容之前，响应于接收到对所述第一导航选项的第二触发操作，基于所述第二触发操作的操作类型确定所述第三导航选项。

在一种可能的实现方式中，所述第一选项确定模块，用于响应于所述第二触发操作的操作类型为点击操作，将所述第二导航选项在所述第二导航栏中的下一选项确定为所述第三导航选项。

在一种可能的实现方式中，所述第一选项确定模块，用于响应于所述第二触发操作的操作类型为滑动操作，基于所述滑动操作的滑动方向，将第二导航选项在所述第二导航栏中的上一选项或者下一选项确定为所述第三导航选项。

在一种可能的实现方式中，所述第一选项确定模块，用于响应于所述第二触发操作的操作类型为长按操作，将所述第二导航栏中的指定选项确定为所述第三导航选项。

在一种可能的实现方式中，所述指定选项是所述第二导航栏中的指定位置上的选项；

或者，所述指定选项是上一次退出所述第二导航栏时，所述第二导航栏中处于页面内容展示状态的选项。

在一种可能的实现方式中，所述装置还包括：

控件展示模块，用于响应于接收到对所述第一导航选项的所述第一触发操作，在所述第一导航选项上层叠加展示至少一个叠加控件；

第二选项确定模块，用于在第二内容展示模块将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容之前，响应于接收到对所述至少一个叠加控件中的目标控件执行的所述第二触发操作，基于所述目标控件确定所述第三导航选项。

在一种可能的实现方式中，所述第二触发操作包括第一子操作和第二子操作；

所述第二内容展示模块，用于，

响应于接收到对所述第一导航选项的所述第一子操作，将所述第三导航选项设置为预选中状态；

响应于所述第三导航选项为预选中状态，且接收到对所述第一导航选项的所述第二子操作，将所述第二导航选项对应的页面内容切换为所述第三导航选项对应的页面内容。

在一种可能的实现方式中，所述第一子操作为点击操作，所述第二子操作为上滑操作；

或者，所述第一子操作包括左滑操作和右滑操作中的至少一种，所述第二子操作为点击操作或者上滑操作。

在一种可能的实现方式中，所述第一导航选项是所述第一导航栏包含的各个选项中，除了边缘选项之外的其它任意一个选项；所述边缘选项是显示在屏幕侧边的选项。

在一种可能的实现方式中，所述页面内容是对应的导航选项的选项页面；

或者，所述页面内容是对应的导航选项的下一级导航栏。

另一方面，本申请实施例提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条计算机程序，所述至少一条计算机程序由所述处理器加载并执行以实现如上述方面所述的基于导航栏的页面内容展示方法。

另一方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条计算机程序，所述至少一条计算机程序由处理器加载并执行以实现如上述方面所述的基于导航栏的页面内容展示方法。

另一方面，本申请实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述方面所述的基于导航栏的页面内容展示方法。

本申请实施例提供的技术方案带来的有益效果至少包括:

对于通过上级导航栏中的第一导航选项触发展示的下级导航栏来说，用户只需要对该第一导航选项进行操作，即可以切换显示该下级导航栏中不同的导航选项对应的页面内容，也就是说，从触发展示下级导航栏，到切换下级导航栏中的不同导航选项，都可以通过上级导航栏中的单个导航选项来实现，在此过程中不需要用户改变触发操作的执行位置，能够极大的简化用户的操作，从而提高了基于导航栏触发页面内容展示时的交互效率。

附图说明

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

图1和图2是本申请涉及的两种应用界面示意图；

图3是本申请一实施例提供的基于导航栏的页面内容展示方法的流程图；

图4是本申请一实施例提供的基于导航栏的页面内容展示方法的流程图；

图5是图4所示实施例涉及的多级导航点击切换页面的流程示意图；

图6是图4所示实施例涉及的游戏页面切换示意图；

图7是图4所示实施例涉及的执行页面内容切换时的时序图；

图8是本申请一实施例提供的基于导航栏的页面内容展示方法的流程图；

图9是本申请一实施例提供的基于导航栏的页面内容展示方法的流程图；

图10是本申请一实施例提供的基于导航栏的页面内容展示装置的结构框图；

图11是本申请另一实施例提供的计算机设备的结构框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

应当理解的是，在本文中提及的“若干个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

导航栏是指位于页面底部、顶部或者侧边区域的一系列导航选项，每个导航选项起着链接站点、应用程序内的各个页面、页面中的页面元素、或者下一级导航栏的作用。

通常情况下，导航栏中的导航选项以标签(Tab)按钮的形式，在固定的位置进行展示。

对于存在多级导航的应用程序，多级导航栏通常可以集中布置，也可以分布式布置。

比如，请参考图1和图2，其示出了本申请涉及的两种应用界面示意图。

请参考图1，应用界面100中包含上级导航栏110，该上级导航栏110中包含导航选项110a，当该导航选项110a被选中时，应用界面100中展示导航选项110a对应的下级导航栏120，以及该下级导航栏120中的一个被选中的导航选项120a对应的页面内容，其中，上级导航栏110和下级导航栏120集中展示在应用界面110的底部。当应用界面100中展示下级导航栏120，以及导航选项120a对应的页面内容的情况下，若接收到用户对下级导航栏120中的另一个导航选项的选择操作，则应用界面110中展示的页面内容将会切换至另一个导航选项对应的页面内容。

请参考图2，应用界面200中包含上级导航栏210，该上级导航栏210中包含导航选项210a，当该导航选项210a被选中时，应用界面200中展示导航选项210a对应的下级导航栏220，以及该下级导航栏220中的一个被选中的导航选项220a对应的页面内容，其中，与图1所示的应用界面不同的是，在应用界面200中，上级导航栏210和下级导航栏220分别展示在应用界面200的底部和顶部。除此之外，下级导航栏220中不同的导航选项对应的页面内容之间的切换方式与图1所示的应用界面类似，此处不再赘述。

上述图1和图2仅以多级导航栏按行集中布置在应用界面底部，或者分布式的布置在应用界面的底部和顶部为例进行介绍。在一些可选的方案中，应用界面中的多级导航栏也可以设置在应用界面中的其它位置，并且，多级导航栏的排列方式也可以有其它形式，例如，应用界面中的多级导航栏可以分布式的布置在应用界面的两侧，并且，多级导航栏也可以按照弧形分布等等。本申请各个实施例对于多级导航栏的设置位置以及排列形式不做限定。

以上述图1和图2为例，由于一个导航栏中的不同的导航选项的分布范围可能涵盖一个较大的区域，比如，一行导航栏中，第一个导航选项和最后一个导航选项可能分别设置在应用界面的左侧和右侧，若通过直接触发下级导航栏中的各个导航选项来切换页面内容，则需要用户将手指移动至不同的导航选项所在的位置进行触发操作，这无疑会给用户的操作带来很大的不便，从而影响用户切换下级导航栏中的页面内容时的交互效率。

对于上述问题，本申请后续实施例提供了一种基于上级导航栏中的导航选项的操作，来控制下级导航栏中的导航选项对应的页面内容进行切换的方案。

请参考图3，其示出了本申请一示例性实施例提供的基于导航栏的页面内容展示方法的流程图。该方法可以由运行应用程序的计算机设备执行，比如，该计算机设备可以是终端，可选的，本申请实施例所示的方案中的各个步骤可以由终端中运行的应用程序执行。如图3所示，该方法可以包括如下步骤：

步骤301，展示应用界面，该应用界面中包含第一导航栏，该第一导航栏中包含第一导航选项。

上述第一导航栏是相邻两级导航栏中的上级导航栏，该第一导航栏中可以包含至少两个导航选项，且第一导航栏中的每个导航选项分别对应一个下级导航栏。

步骤302，响应于接收到对该第一导航选项的第一触发操作，在该应用界面中展示第二导航栏，以及该第二导航栏中的第二导航选项对应的页面内容。

在本申请实施例中，第二导航栏是第一导航栏中的第一导航选项对应的下级导航栏，该第二导航栏中包含至少两个导航选项，且第二导航栏中的每个导航选项分别对应一个页面内容。

其中，上述用户对第一导航选项执行了第一触发操作之后，应用程序可以在应用界面中展示第二导航栏，该第二导航栏中的某个第二导航选项是默认初始时刻被选中的导航选项，也就是说，该第二导航栏被触发展示的初始时刻，应用程序直接在应用界面中展示该第二导航选项对应的页面内容。

其中，上述页面内容可以是应用程序中的一个选项页面，或者，该页面内容也可以是属于当前页面的一个或多个页面元素(比如叠加在当前页面上层的悬浮框)，或者，该页面内容也可以是再下一级的导航栏，本申请实施例对于上述页面内容的内容形式不做限定。

步骤303，响应于接收到对该第一导航选项的第二触发操作，将该第二导航选项对应的页面内容切换为第三导航选项对应的页面内容；该第三导航选项是该第二导航栏中，除了该第二导航选项之外的另一导航选项。

在本申请实施例中，当用户想要切换展示第二导航栏中的另一导航选项对应的页面内容时，可以对第一导航栏中的第一导航选项执行第二触发操作，即可以触发切换显示第二导航栏中的导航选项对应的页面内容，不需要用户对第二导航栏中的导航选项进行操作，在此过程中，用户不需要移动操作位置即可以实现对下级的导航栏中的不同导航选项的切换。

其中，上述第一触发操作和第二触发操作可以是相同的操作；比如，第一触发操作和第二触发操作可以都是点击操作。

或者，上述第一触发操作和第二触发操作也可以是不同的操作；比如，第一触发操作可以是点击操作，第二触发操作可以是滑动操作/长按操作等等。

在一种可能的实现方式中，该第二触发操作包括第一子操作和第二子操作；

该响应于接收到对该第一导航选项的第二触发操作，将该第二导航选项对应的页面内容切换为第三导航选项对应的页面内容，包括：

响应于接收到对该第一导航选项的该第一子操作，将该第三导航选项设置为预选中状态；

响应于该第三导航选项为预选中状态，且接收到对该第一导航选项的该第二子操作，将该第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容。

综上所述，本申请实施例所示的方案，对于通过上级导航栏中的第一导航选项触发展示的下级导航栏来说，用户只需要对该第一导航选项进行操作，即可以切换显示该下级导航栏中不同的导航选项对应的页面内容，也就是说，从触发展示下级导航栏，到切换下级导航栏中的不同导航选项，都可以通过上级导航栏中的单个导航选项来实现，在此过程中不需要用户改变触发操作的执行位置，能够极大的简化用户的操作，从而提高了基于导航栏触发页面内容展示时的交互效率。

本申请上述图3对应的实施例所示的方案，可以应用于在任意具有两级或者两级以上导航栏的应用程序中，通过对上级导航栏中的单个导航选项的操作，实现下级导航栏中不同导航选项之间的切换。

比如，在游戏类的应用程序中，上级导航栏A中包含一个对应虚拟角色管理的导航选项A-1，用户点击该导航选项A-1后，游戏界面将切换到虚拟角色管理对应的下级导航栏B，该下级导航栏B中包含对应虚拟角色选择页面的导航选项B-1，对应虚拟角色属性查看页面的导航选项B-2，以及对应虚拟角色配置页面的导航选项B-3，用户后续只需要对导航选项A-1进行操作，即可以实现在虚拟角色选择页面、虚拟角色属性查看页面以及虚拟角色配置页面之间的切换，不需要用户将手指移动至导航选项B-1、导航选项B-2、或者导航选项B-3所在的位置，从而极大的提高了导航选项对应的页面内容的切换时的交互效率。

再比如，在短视频类的应用程序中，上级导航栏A中包含一个对应短视频播放的导航选项A-1，用户点击该导航选项A-1后，短视频界面将切换到短视频播放对应的下级导航栏B，该下级导航栏B中包含对应附近短视频的导航选项B-1，对应智能推荐短视频的导航选项B-2，以及对应好友短视频的导航选项B-3，用户后续只需要对导航选项A-1进行操作，即可以实现在附近短视频播放页面、智能推荐短视频播放页面以及好友短视频播放页面之间的切换。

在本申请所示的方案中，在接收到用户对上级导航栏中的导航选项的触发操作时，应用程序可以通过循环的方式依次切换下级导航栏中的各个导航选项对应的页面内容。

请参考图4，其示出了本申请一示例性实施例提供的基于导航栏的页面内容展示方法的流程图。该方法可以由运行应用程序的计算机设备执行，比如，该计算机设备可以是终端。如图4所示，该方法可以包括如下步骤：

步骤401，展示应用界面，该应用界面中包含第一导航栏，该第一导航栏中包含第一导航选项。

其中，上述应用界面可以是任意具有两级或者两级以上导航栏的界面。

上述第一导航栏可以是上述两级或者两级以上导航栏中，除了最后一级导航栏之外的任意一个导航栏。例如，上述第一导航栏可以是应用界面具有的两级或者两级以上导航栏中的第一级导航栏，或者，当应用界面具有两级以上导航栏时，该第一导航栏也可以是上述两级以上导航栏中的第二级导航栏或者第三级导航栏等等，只需要满足该第一导航栏之后还存在更下一级的导航栏即可。

在一种可能的实现方式中，该第一导航选项是该第一导航栏包含的各个选项中，除了边缘选项之外的其它任意一个选项；该边缘选项是显示在屏幕侧边的选项。

其中，上述的屏幕侧边指的是用户握持终端时，终端屏幕中与用户手部接触的边。

在本申请实施例中，由于用户手持终端时，手部通常会接触到终端中的屏幕边缘，比如，用户单手正握手机时，用户的手掌和手指可能会与屏幕的左右两个侧边接触，此时，对于位于屏幕底部的导航栏来说，位于导航栏边缘的导航选项可能被用户误触，从而产生误操作，对此，本申请实施例所示的方案，可以对底部导航栏中非边缘位置的导航选项生效，而对于底部导航栏中非边缘位置的导航选项可以不生效。

步骤402，响应于接收到对该第一导航选项的第一触发操作，在该应用界面中展示第二导航栏，以及该第二导航栏中的第二导航选项对应的页面内容。

在一种可选的实现方案中，该第二导航选项可以是由开发者预先设置的一个默认展示的导航选项，用户每次通过第一导航选项触发展示第二导航栏时，都默认展示该第二导航选项对应的页面内容，或者说，该第二导航选项是第二导航栏中，默认初始展示的页面内容对应的导航选项。

例如，该默认展示的导航选项，可以是第二导航栏中的第一个导航选项，或者，也可以是第二导航栏中最中间的一个导航选项等等，对此，本申请实施例不做限定。

在另一种可选的实现方案中，上述第二导航选项也可以是用户在终端中预先设置的导航选项。

例如，用户可以触发应用程序展示默认导航选项设置界面，并在该默认导航选项设置界面中设置各个导航栏中的默认初始展示的页面内容对应的导航选项，响应于接收到用户在该默认导航选项设置界面中，对第二导航栏中的第二导航选项的设置操作，应用程序将第二导航选项设置为第二导航栏中，初始展示的页面内容对应的导航选项；后续用户每次通过第一导航选项触发展示第二导航栏时，都默认展示该第二导航选项对应的页面内容。

在另一种可选的实现方案中，上述第二导航选项也可以是上一次退出该第二导航栏时，该第二导航栏中处于页面内容展示状态的选项。也就是说，用户在使用应用程序的过程中，当上一次退出第二导航栏时，应用程序将记录退出时，第二导航栏中处于页面内容展示状态的选项，该选项即为上述第二导航选项，后续用户通过第一导航选项再次触发展示第二导航栏时，应用程序可以默认展示第二导航选项的页面内容。

例如，用户在某一次触发展示第二导航栏之后，切换展示第二导航栏中的第三个导航选项对应的页面内容，然后通过触发第一导航栏中的其它导航选项的方式，退出该第二导航栏的展示，后续用户再次执行了对第一导航选项的第一触发操作后，应用程序再次展示第二导航栏，并在第二导航栏中直接定位到第三个导航选项，并展示该第三个导航选项的页面内容。

在一种可能的实现方式中，响应于接收到对该第一导航选项的第一触发操作，应用程序也可以在该应用界面中展示第二导航栏，且默认不展示第二导航选项对应的页面内容，当用户执行了对第二导航选项的选择操作时，才展示该第二导航选项对应的页面内容。其中，上述对第二导航选项的选择操作，也可以是用户对第一导航选项的触发操作。例如，当第二导航栏中的各个导航选项分别对应页面内容是各自的下一级导航栏时，若接收到对该第一导航选项的第一触发操作，应用程序可以只展示第二导航栏中的各个导航选项，暂不展示导航选项的下一级导航栏。

步骤403，响应于接收到对该第一导航选项的第二触发操作，按照循环切换的方式，将该第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容，该第三导航选项是该第二导航选项在该第二导航栏中的下一选项。

在本申请实施例中，上述循环切换，是指按照第二导航栏中的各个导航选项的排列顺序，依次基于对该第一导航选项的第二触发操作，向当前被选中的导航选项的下一个导航选项切换。比如，若当前的第二导航选项是第二导航栏中的第一个导航选项，则当响应于接收到对该第一导航选项的第二触发操作，切换展示第二导航栏中的第二个导航选项对应的页面内容。

其中，当第二导航选项是第二导航栏中的最后一个导航选项时，第三导航选项是第二导航栏中的第一个导航选项，也就是说，当用户通过对第一导航选项的第二触发操作，将第二导航栏中的导航选项切换至最后一个到导航选项，或者，初始时刻默认显示的导航选项是第二导航栏中的最后一个到导航选项时，若用户再次对第一导航选项执行第二触发操作，则应用程序可以切换至第二导航栏中的第一个到导航选项，以进行页面内容的循环切换展示。

以应用程序是游戏类应用程序，第一触发操作和第二触发操作是点击操作为例，请参考图5，其示出了本申请实施例涉及的多级导航点击切换页面的流程示意图。如图5所示，该流程包括以下步骤：

S51，游戏打开后，游戏客户端逻辑层(以下简称逻辑层)展示当前页面(首次启动通常为游戏大厅页面)。

S52，玩家根据切换页面的意愿，点击一级导航按钮(即上述第一导航栏中的第一导航选项)。

S53，逻辑层判断玩家点击的一级导航按钮是否与当前页面所属的一级导航一致，如果不一致，进入S54，否则，进入S55。

S54，逻辑层直接切换到对应的一级导航页面。

S55，逻辑层定位当前页面为子页面序列中的位置(逻辑层一开始会将该一级导航控制的子页面按规定顺序进行排序)，若当前页面已是子页面序列中的末位页，则进入S56，否则，进入S57。

S56，切换到子页面序列中的首位页进行展示。

S57，按序列中的顺序切换到下一子页面，以此进行一级导航下的子页面切换循环。

例如，逻辑层在执行上述步骤S55至S57时，可以将该一级导航控制的子页面按规定顺序设为x1，x2，…，xn(n为子页面的最大数量)，当逻辑层定位到当前子页面为xm时，将m的数值加1，且判断此时m是否大于n，若此时m≤n，则逻辑层展示xm子页面；若此时m＞n，则将m清零后放入循环中，并在循环中再将m的数值加1，此时m为1，所以展示x1子页面，即首位页，从而完成一次一级导航下的各个子页面的循环展示。

上述图5所示的整个流程实现在多级导航中，并且通过对一级导航中的按钮重复点击，以实现对二级导航中的各个子页面的循环切换的功能。

比如，请参考图6，其示出了本申请实施例涉及的游戏页面切换示意图。如图6中的(a)部分所示，游戏类应用程序展示游戏主界面，该游戏主界面下方包含一级导航61，该一级导航61中包含多个导航选项，该多个导航选项中包含导航选项61a(对应虚拟角色管理功能)，且该导航选项61a处于未被选中的状态；用户想要管理虚拟角色时，需要查看导航选项61a对应的页面内容，此时可以点击导航选项61a。

如图6中的(b)部分所示，用户点击导航选项61a之后，游戏类应用程序展示虚拟角色管理功能对应的二级导航62，该二级导航62中包含3个导航选项，同时游戏类应用程序展示初始的导航选项62a对应的页面内容(即虚拟角色选择页面，比如，可以查看玩家具有的英雄)，若用户想要查看二级导航62的下一个页面内容，可以再次点击导航选项61a。

如图6中的(c)部分所示，用户再次点击导航选项61a之后，游戏类应用程序展示导航选项62b对应的页面内容(即虚拟角色属性查看页面，比如，可以查看英雄图鉴)；此时，若用户还想要查看二级导航62的下一个页面内容，可以第三次点击导航选项61a。

如图6中的(d)部分所示，用户第三次点击导航选项61a之后，游戏了应用程序展示导航选项62c对应的页面内容(即虚拟角色配置页面，比如，可以查看和配置英雄的编队)；若用户还想要再次查看二级导航62的第一个页面内容，则可以第四次点击导航选项61a。

如图6中的(e)部分所示，用户第四次点击导航选项61a之后，游戏了应用程序返回展示导航选项62a对应的页面内容。

请参考图7，其示出了本申请实施例涉及的游戏玩家、游戏客户端表现层和游戏客户端逻辑层之间执行页面内容切换时的时序图。如图7所示，该页面内容切换过程包括如下步骤：

S71，玩家打开游戏客户端，表现层展示默认的用户界面(User Interface，UI)页面。

S72，玩家判断该页面是否为想达到的页面，若“符合预期”可正常游戏；若“不符合”，则点击页面中一级导航按钮。

S73，游戏客户端逻辑层接收到点击信号后开始判断当前页面是否属于本次点击的一级导航按钮，若“不属于”，逻辑层切换到对应一级导航页面，并控制表现层展示对应UI界面，用户继续判断是否达到预期，若是，若符合预期，则正常显示，否则继续点击一级导航按钮。若“属于”，则逻辑层需要进行下一步判断。

S74，游戏客户端逻辑层判断当前页面是否为子页面序列中的末位页，若“是”，游戏客户端逻辑层将当前页面切换到子页面序列中的首位页，并控制表现层展示对应UI界面。若“否”，游戏客户端逻辑层将当前页面切换到子页面序列中的下一页面，并控制表现层展示对应UI界面。

在一种可能的实现方式中，该第二触发操作包括第一子操作和第二子操作；

该响应于接收到对该第一导航选项的第二触发操作，将该第二导航选项对应的页面内容切换为第三导航选项对应的页面内容，包括：

响应于接收到对该第一导航选项的该第一子操作，将该第三导航选项设置为预选中状态；

响应于该第三导航选项为预选中状态，且接收到对该第一导航选项的该第二子操作，将该第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容。

在本申请实施例中，由于用户在通过第二触发操作切换下级导航栏中的导航选项时，是通过循环方式进行切换的，因此，如果用户想要切换的目标导航选项(对应上述第三导航选项)与当前导航选项(即上述第二导航选项)不相邻，则用户需要首先从第二导航选项切换至中间的导航选项，然后再依次经过中间的导航选项切换至第三导航选项，如果每切换到一个导航选项都展示对应的页面内容的话，则会依次展示第二导航选项和第三导航选项之间的各个导航选项对应的页面内容，而这些中间的页面内容很可能是用户并不感兴趣的内容。一方面，对用户不感兴趣的中间页面内容的展示会耗费终端的处理资源、电量资源、以及网络流量资源等等，造成终端资源的浪费，影响终端的续航，另一方面，对中间页面内容的展示也会因为加载原因而耗费一定的加载以及页面内容切换的时间，影响页面内容的切换效率。

针对上述问题，本申请实施例所示的方案，可以将第二触发操作设置为两级操作，其中第一级操作(即第一子操作)用于预选中要切换到的导航选项，第二级操作(即第二子操作)用于触发展示当前处于预选中状态的导航选项对应的页面内容。

例如，还是以图6为例，游戏类应用程序展示如图6中的(b)部分所示的应用界面之后，如果用户想要查看导航选项62c对应的页面内容，可以先通过一次对导航选项61a的第一级操作将导航选项62b设置为预选中状态，此时，页面内容依然是导航选项62a对应的页面内容，然后，用户再次执行一次对导航选项61a的第一级操作，将导航选项62c设置为预选中状态，之后，用户执行对导航选项61a的第二级操作，此时，游戏类应用程序跳过图6中的(c)部分所示的页面内容的展示，直接显示图6中的(d)部分所示的应用界面。

在一种可能的实现方式中，该第一子操作为点击操作，该第二子操作为上滑操作。

在本申请实施例中，还是以图6为例，用户可以通过点击导航选项61a的操作，切换预选中状态的导航选项，然后通过对导航选项61a的上滑操作，直接切换显示当前处于预选中状态的导航选项对应的页面内容。

在一种可能的实现方式中，该第一子操作包括左滑操作和右滑操作中的至少一种，该第二子操作为点击操作或者上滑操作。

在本申请实施例中，还是以图6为例，用户可以通过对导航选项61a的左滑或者右滑操作，切换预选中状态的导航选项，然后通过对导航选项61a的点击或者上滑操作，直接切换显示当前处于预选中状态的导航选项对应的页面内容。

综上所述，本申请实施例所示的方案，对于通过上级导航栏中的第一导航选项触发展示的下级导航栏来说，用户只需要对该第一导航选项进行操作，即可以切换显示该下级导航栏中不同的导航选项对应的页面内容，也就是说，从触发展示下级导航栏，到切换下级导航栏中的不同导航选项，都可以通过上级导航栏中的单个导航选项来实现，在此过程中不需要用户改变触发操作的执行位置，能够极大的简化用户的操作，从而提高了基于导航栏触发页面内容展示时的交互效率。

此外，在本申请实施例所示的方案，可以将第二触发操作设置为两级操作，其中第一级操作用于切换第二导航栏中处于预选中状态的导航选项，第二级操作用于触发展示处于预选中状态的导航选项对应的页面内容，从而跳过中间导航选项对应的页面内容的显示，在节约终端资源的同时，提高页面内容的切换效率。

在本申请所示的方案中，在接收到用户对上级导航栏中的导航选项的触发操作时，应用程序也可以通过触发操作的操作类型确定要切换的导航选项。

请参考图8，其示出了本申请一示例性实施例提供的基于导航栏的页面内容展示方法的流程图。该方法可以由运行应用程序的计算机设备执行，比如，该计算机设备可以是终端。如图8所示，该方法可以包括如下步骤：

步骤801，展示应用界面，该应用界面中包含第一导航栏，该第一导航栏中包含第一导航选项。

在一种可能的实现方式中，该第一导航选项是该第一导航栏包含的各个选项中，除了边缘选项之外的其它任意一个选项；该边缘选项是显示在屏幕侧边的选项。

步骤802，响应于接收到对该第一导航选项的第一触发操作，在该应用界面中展示第二导航栏，以及该第二导航栏中的第二导航选项对应的页面内容。

其中，上述步骤801至步骤802的执行过程可以参考上述步骤401至步骤402下的描述，此处不再赘述。

步骤803，响应于接收到对该第一导航选项的第二触发操作，基于该第二触发操作的操作类型确定该第三导航选项。

在一种可能的实现方式中，该基于该第二触发操作的操作类型确定该第三导航选项，包括：

响应于该第二触发操作的操作类型为点击操作，将该第二导航选项在该第二导航栏中的下一选项确定为该第三导航选项。

在本申请实施例中，当第二触发操作是点击操作时，应用程序可以按照循环选择的方式，将第二导航选项在该第二导航栏中的下一选项确定为该第三导航选项。

其中，上述循环选择的方式，与上述图4所示实施例中循环切换的方式类似，也就是说，循环选择是指，按照第二导航栏中的各个导航选项的排列顺序，依次基于对该第一导航选项的第二触发操作，将当前被选中的导航选项的下一个导航选项确定为第三导航选项。其中，当第二导航选项是第二导航栏中的最后一个导航选项时，第三导航选项是第二导航栏中的第一个导航选项。

在一种可能的实现方式中，该基于该第二触发操作的操作类型确定该第三导航选项，包括：

响应于该第二触发操作的操作类型为滑动操作，基于该滑动操作的滑动方向，将第二导航选项在该第二导航栏中的上一选项或者下一选项确定为该第三导航选项。

在本申请实施例所示的方案中，应用程序可以检测用户对第一导航选项的滑动操作，来选择对第二导航栏中的各个导航选项进行循环切换的方向。

比如，若当前的第二导航选项是第二导航栏中的第一个导航选项，则响应于接收到对该第一导航选项的向右滑动操作，将第二导航栏中的第二个导航选项确定为第三导航选项。再比如，当第二导航选项是第二导航栏中的最后一个导航选项时，响应于接收到对该第一导航选项的向右滑动操作，将第二导航栏中的第一个导航选项确定为第三导航选项。

再比如，若当前的第二导航选项是第二导航栏中的第二个导航选项，则响应于接收到对该第一导航选项的向左滑动操作，将第二导航栏中的第一个导航选项确定为第三导航选项。再比如，当第二导航选项是第二导航栏中的第一个导航选项时，响应于接收到对该第一导航选项的向左滑动操作，将第二导航栏中的最后一个导航选项确定为第三导航选项。

在一种可能的实现方式中，该基于该第二触发操作的操作类型确定该第三导航选项，包括：

响应于该第二触发操作的操作类型为长按操作，将该第二导航栏中的指定选项确定为该第三导航选项。

在本申请实施例所示的方案中，应用程序可以检测用户对第一导航选项的长按操作，以将第二导航栏中的指定的导航选项确定为第三导航选项。

其中，该指定选项是该第二导航栏中的指定位置上的选项；

或者，该指定选项是上一次退出该第二导航栏时，该第二导航栏中处于页面内容展示状态的选项。

其中，这里的指定选项的设置方式，可以与上述图4所示的实施例中默认初始展示的第二导航选项的设置方式类似，此处不再赘述。

步骤804，将该第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容。

在本申请实施例中，应用程序确定切换的第三导航选项之后，即可以将第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容。

在一种可能的实现方式中，该第二触发操作包括第一子操作和第二子操作；上述步骤803和步骤804的执行过程可以包括：

响应于接收到对该第一导航选项的该第一子操作，将该第三导航选项设置为预选中状态；

响应于该第三导航选项为预选中状态，且接收到对该第一导航选项的该第二子操作，将该第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容。

其中，本申请实施例中响应于接收到对该第一导航选项的该第一子操作，将该第三导航选项设置为预选中状态，可以是指在接收到对第一导航选项的第一子操作时，根据第一子操作的操作类型，确定对应的第三导航选项，并将确定的第三导航选项设置为预选中状态。

相应的，上述响应于该第三导航选项为预选中状态，且接收到对该第一导航选项的该第二子操作，将该第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容，对应步骤804，也就是当第三导航选项为预选中状态，且接收到对该第一导航选项的该第二子操作时，切换显示确定的第三导航选项对应的页面内容。

例如，还是以图6为例，游戏类应用程序展示如图6中的(b)部分所示的应用界面之后，如果用户想要查看导航选项62c对应的页面内容，可以先通过步骤803所示的方案，执行一次对导航选项61a的第一级操作，应用程序根据第一级操作的操作类型，将导航选项62b设置为预选中状态，此时，页面内容依然是导航选项62a对应的页面内容，然后，用户再次执行一次对导航选项61a的第一级操作，应用程序根据再次第一级操作的操作类型，将导航选项62c设置为预选中状态，之后，用户执行对导航选项61a的第二级操作，此时，游戏类应用程序跳过图6中的(c)部分所示的页面内容的展示，直接显示图6中的(d)部分所示的应用界面。

在一种可能的实现方式中，该第一子操作为点击操作，该第二子操作为上滑操作。

在一种可能的实现方式中，该第一子操作包括左滑操作和右滑操作中的至少一种，该第二子操作为点击操作或者上滑操作。

综上所述，本申请实施例所示的方案，对于通过上级导航栏中的第一导航选项触发展示的下级导航栏来说，用户只需要对该第一导航选项进行操作，即可以切换显示该下级导航栏中不同的导航选项对应的页面内容，也就是说，从触发展示下级导航栏，到切换下级导航栏中的不同导航选项，都可以通过上级导航栏中的单个导航选项来实现，在此过程中不需要用户改变触发操作的执行位置，能够极大的简化用户的操作，从而提高了基于导航栏触发页面内容展示时的交互效率。

此外，在本申请实施例所示的方案，可以将第二触发操作设置为两级操作，其中第一级操作用于切换第二导航栏中处于预选中状态的导航选项，第二级操作用于触发展示处于预选中状态的导航选项对应的页面内容，从而跳过中间导航选项对应的页面内容的显示，在节约终端资源的同时，提高页面内容的切换效率。

在本申请所示的方案中，在接收到用户对上级导航栏中的导航选项的触发操作时，应用程序也可以通过在上级导航栏的导航选项上叠加的控件接收第二触发操作。也就是说，上述对第一导航选项的第二触发操作，是通过第一导航选项上叠加的控件接收的触发操作。

请参考图9，其示出了本申请一示例性实施例提供的基于导航栏的页面内容展示方法的流程图。该方法可以由运行应用程序的计算机设备执行，比如，该计算机设备可以是终端。如图9所示，该方法可以包括如下步骤：

步骤901，展示应用界面，该应用界面中包含第一导航栏，该第一导航栏中包含第一导航选项。

在一种可能的实现方式中，该第一导航选项是该第一导航栏包含的各个选项中，除了边缘选项之外的其它任意一个选项；该边缘选项是显示在屏幕侧边的选项。

步骤902，响应于接收到对该第一导航选项的第一触发操作，在该应用界面中展示第二导航栏，以及该第二导航栏中的第二导航选项对应的页面内容。

其中，上述步骤901至步骤902的执行过程可以参考上述步骤401至步骤402下的描述，此处不再赘述。

步骤903，响应于接收到对该第一导航选项的该第一触发操作，在该第一导航选项上层叠加展示至少一个叠加控件。

在本申请实施例中，对第一导航选项的第二触发操作，指的是对至少一个叠加控件的第二触发操作。

在本申请实施例中，应用程序在接收到对该第一导航选项的该第一触发操作后，在应用界面中展示第二导航栏，以及该第二导航栏中的第二导航选项对应的页面内容的同时，还在第一导航选项上叠加展示至少一个叠加控件，以便用户通过与第一导航选项位置相同的叠加控件来切换第二导航栏中不同的导航选项对应的页面内容。

步骤904，响应于接收到对该至少一个叠加控件中的目标控件执行的该第二触发操作，基于该目标控件确定该第三导航选项。

其中，上述步骤904中根据对该至少一个叠加控件中的目标控件执行的该第二触发操作，确定第三导航选项时，可以根据至少一个叠加控件中，接收到第二触发操作的目标控件确定对应第三导航选项。

比如，当第一导航选项上层展示的叠加控件包含单个叠加控件时，基于目标控件确定第三导航选项的方式，与图4所示方案中选择第三导航选项的方式类似，或者，与图7所示方案中确定第三导航选项的方式类似，此处不再赘述。

再比如，当第一导航选项上层展示的叠加控件包含两个或者连个以上叠加控件时，基于目标控件确定第三导航选项的方式可以为：基于目标控件对应的导航选项确定方式，确定对应第三导航选项。

例如，假设第一导航选项上层展示的叠加控件包含两个叠加控件，分别为左箭头形状的叠加控件，以及右箭头形状的叠加控件，当目标控件为左箭头形状的叠加控件时，应用程序将第二导航选项的前一个导航选项确定为第三导航选项；相应的，当目标控件为右箭头形状的叠加控件时，应用程序将第二导航选项的后一个导航选项确定为第三导航选项。

步骤905，将该第二导航选项对应的页面内容切换为第三导航选项对应的页面内容。

在一种可能的实现方式中，该第二触发操作包括第一子操作和第二子操作；上述步骤904和步骤905的执行过程可以包括：

响应于接收到对该第一导航选项(也就是对叠加控件)的该第一子操作，将该第三导航选项设置为预选中状态；

响应于该第三导航选项为预选中状态，且接收到对该第一导航选项(也就是对叠加控件)的第二子操作，将该第二导航选项对应的页面内容切换为该第三导航选项对应的页面内容。

其中，本申请实施例中响应于接收到对该叠加控件的该第一子操作，将该第三导航选项设置为预选中状态，可以是指在接收到对叠加控件的第一子操作时，按照图4或者图7所示的第三导航选项的确定方式，确定对应的第三导航选项，或者，按照目标控件对应的导航选项确定方式，确定对应的第三导航选项，并将确定的第三导航选项设置为预选中状态。

在一种可能的实现方式中，该第一子操作为点击操作，该第二子操作为上滑操作。

在一种可能的实现方式中，该第一子操作包括左滑操作和右滑操作中的至少一种，该第二子操作为点击操作或者上滑操作。

综上所述，本申请实施例所示的方案，对于通过上级导航栏中的第一导航选项触发展示的下级导航栏来说，用户只需要对该第一导航选项进行操作，即可以切换显示该下级导航栏中不同的导航选项对应的页面内容，也就是说，从触发展示下级导航栏，到切换下级导航栏中的不同导航选项，都可以通过上级导航栏中的单个导航选项来实现，在此过程中不需要用户改变触发操作的执行位置，能够极大的简化用户的操作，从而提高了基于导航栏触发页面内容展示时的交互效率。

此外，在本申请实施例所示的方案，可以将第二触发操作设置为两级操作，其中第一级操作用于切换第二导航栏中处于预选中状态的导航选项，第二级操作用于触发展示处于预选中状态的导航选项对应的页面内容，从而跳过中间导航选项对应的页面内容的显示，在节约终端资源的同时，提高页面内容的切换效率。

图10是本申请一个示例性实施例提供的基于导航栏的页面内容展示装置的结构框图，该装置可以用于执行如上述图3、图4、图8或图9所示的方法中的全部或者部分步骤。如图10所示，该装置包括：

界面展示模块1001，用于展示应用界面，所述应用界面中包含第一导航栏，所述第二导航栏中包含第一导航选项；

第一内容展示模块1002，用于响应于接收到对所述第一导航选项的第一触发操作，在所述应用界面中展示第二导航栏，以及所述第二导航栏中的第二导航选项对应的页面内容；

第二内容展示模块1003，用于响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容；所述第三导航选项是所述第二导航栏中，除了所述第二导航选项之外的另一导航选项。

在一种可能的实现方式中，第二内容展示模块1003，用于响应于接收到对所述第一导航选项的第二触发操作，按照循环切换的方式，将所述第二导航选项对应的页面内容切换为所述第三导航选项对应的页面内容，所述第三导航选项是所述第二导航选项在所述第二导航栏中的下一选项。

在一种可能的实现方式中，所述装置还包括：

第一选项确定模块，用于在第二内容展示模块1003将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容之前，响应于接收到对所述第一导航选项的第二触发操作，基于所述第二触发操作的操作类型确定所述第三导航选项。

在一种可能的实现方式中，所述第一选项确定模块，用于响应于所述第二触发操作的操作类型为点击操作，将所述第二导航选项在所述第二导航栏中的下一选项确定为所述第三导航选项。

在一种可能的实现方式中，所述第一选项确定模块，用于响应于所述第二触发操作的操作类型为滑动操作，基于所述滑动操作的滑动方向，将第二导航选项在所述第二导航栏中的上一选项或者下一选项确定为所述第三导航选项。

在一种可能的实现方式中，所述第一选项确定模块，用于响应于所述第二触发操作的操作类型为长按操作，将所述第二导航栏中的指定选项确定为所述第三导航选项。

在一种可能的实现方式中，所述指定选项是所述第二导航栏中的指定位置上的选项；

或者，所述指定选项是上一次退出所述第二导航栏时，所述第二导航栏中处于页面内容展示状态的选项。

在一种可能的实现方式中，所述装置还包括：

控件展示模块，用于响应于接收到对所述第一导航选项的所述第一触发操作，在所述第一导航选项上层叠加展示至少一个叠加控件；

第二选项确定模块，用于在第二内容展示模块1003将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容之前，响应于接收到对所述至少一个叠加控件中的目标控件执行的所述第二触发操作，基于所述目标控件确定所述第三导航选项。

在一种可能的实现方式中，所述第二触发操作包括第一子操作和第二子操作；

所述第二内容展示模块1003，用于，

响应于接收到对所述第一导航选项的所述第一子操作，将所述第三导航选项设置为预选中状态；

响应于所述第三导航选项为预选中状态，且接收到对所述第一导航选项的所述第二子操作，将所述第二导航选项对应的页面内容切换为所述第三导航选项对应的页面内容。

在一种可能的实现方式中，所述第一子操作为点击操作，所述第二子操作为上滑操作；

或者，所述第一子操作包括左滑操作和右滑操作中的至少一种，所述第二子操作为点击操作或者上滑操作。

在一种可能的实现方式中，所述第一导航选项是所述第一导航栏包含的各个选项中，除了边缘选项之外的其它任意一个选项；所述边缘选项是显示在屏幕侧边的选项。

在一种可能的实现方式中，所述页面内容是对应的导航选项的选项页面；

或者，所述页面内容是对应的导航选项的下一级导航栏。

综上所述，本申请实施例所示的方案，对于通过上级导航栏中的第一导航选项触发展示的下级导航栏来说，用户只需要对该第一导航选项进行操作，即可以切换显示该下级导航栏中不同的导航选项对应的页面内容，也就是说，从触发展示下级导航栏，到切换下级导航栏中的不同导航选项，都可以通过上级导航栏中的单个导航选项来实现，在此过程中不需要用户改变触发操作的执行位置，能够极大的简化用户的操作，从而提高了基于导航栏触发页面内容展示时的交互效率。

此外，在本申请实施例所示的方案，可以将第二触发操作设置为两级操作，其中第一级操作用于切换第二导航栏中处于预选中状态的导航选项，第二级操作用于触发展示处于预选中状态的导航选项对应的页面内容，从而跳过中间导航选项对应的页面内容的显示，在节约终端资源的同时，提高页面内容的切换效率。

图11示出了本申请一个示例性实施例提供的计算机设备1100的结构框图。该计算机设备1100可以是终端，比如：智能手机、平板电脑、MP3播放器(Moving Picture ExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑等。

通常，计算机设备1100包括有：处理器1101和存储器1102。

处理器1101可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器1101可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。

存储器1102可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器1102还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器1102中的非暂态的计算机可读存储介质用于存储至少一个计算机程序/指令，该至少一个计算机程序/指令用于被处理器1101所执行以实现本申请中方法实施例提供的方法。

在一些实施例中，计算机设备1100还可选包括有：***设备接口1103和至少一个***设备。处理器1101、存储器1102和***设备接口1103之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口1103相连。具体地，***设备包括：射频电路1104、显示屏1105、摄像头组件1106、音频电路1107、定位组件1108和电源1109中的至少一种。

***设备接口1103可被用于将I/O(Input/Output，输入/输出)相关的至少一个***设备连接到处理器1101和存储器1102。

射频电路1104用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路1104通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1104将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。

显示屏1105用于显示UI(UserInterface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1105是触摸显示屏时，显示屏1105还具有采集在显示屏1105的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1101进行处理。此时，显示屏1105还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。

摄像头组件1106用于采集图像或视频。可选地，摄像头组件1106包括前置摄像头和后置摄像头。

音频电路1107可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器1101进行处理，或者输入至射频电路1104以实现语音通信。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。在一些实施例中，音频电路1107还可以包括耳机插孔。

定位组件1108用于定位计算机设备1100的当前地理位置，以实现导航或LBS(Location Based Service，基于位置的服务)。定位组件1108可以是基于美国的GPS(Global Positioning System，全球定位***)、中国的北斗***或欧洲的伽利略***的定位组件。

电源1109用于为计算机设备1100中的各个组件进行供电。电源1109可以是交流电、直流电、一次性电池或可充电电池。

在一些实施例中，计算机设备1100还包括有一个或多个传感器1110。该一个或多个传感器1110包括但不限于：加速度传感器1111、陀螺仪传感器1112、压力传感器1113、指纹传感器1114、光学传感器1115以及接近传感器1116。

本领域技术人员可以理解，图11中示出的结构并不构成对计算机设备1100的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，该计算机可读存储介质可以是上述实施例中的存储器中所包含的计算机可读存储介质；也可以是单独存在，未装配入终端中的计算机可读存储介质。该计算机可读存储介质中存储有至少一条计算机程序，所述至少一条计算机程序由处理器加载并执行以实现如本申请上述各个实施例所述的方法。

可选地，该计算机可读存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、固态硬盘(SSD，Solid State Drives)或光盘等。其中，随机存取记忆体可以包括电阻式随机存取记忆体(ReRAM,Resistance RandomAccess Memory)和动态随机存取存储器(DRAM，Dynamic Random Access Memory)。上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

在示例性实施例中，还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各个实施例所述的方法。

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

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

Claims (15)

1.一种基于导航栏的页面内容展示方法，其特征在于，所述方法包括：

展示应用界面，所述应用界面中包含第一导航栏，所述第一导航栏中包含第一导航选项；

响应于接收到对所述第一导航选项的第一触发操作，在所述应用界面中展示第二导航栏，以及所述第二导航栏中的第二导航选项对应的页面内容；

响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容；所述第三导航选项是所述第二导航栏中，除了所述第二导航选项之外的另一导航选项。

2.根据权利要求1所述的方法，其特征在于，响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容，包括：

响应于接收到对所述第一导航选项的第二触发操作，按照循环切换的方式，将所述第二导航选项对应的页面内容切换为所述第三导航选项对应的页面内容，所述第三导航选项是所述第二导航选项在所述第二导航栏中的下一选项。

3.根据权利要求1所述的方法，其特征在于，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容之前，还包括：

响应于接收到对所述第一导航选项的第二触发操作，基于所述第二触发操作的操作类型确定所述第三导航选项。

4.根据权利要求3所述的方法，其特征在于，所述基于所述第二触发操作的操作类型确定所述第三导航选项，包括：

响应于所述第二触发操作的操作类型为点击操作，将所述第二导航选项在所述第二导航栏中的下一选项确定为所述第三导航选项。

5.根据权利要求3所述的方法，其特征在于，所述基于所述第二触发操作的操作类型确定所述第三导航选项，包括：

响应于所述第二触发操作的操作类型为滑动操作，基于所述滑动操作的滑动方向，将第二导航选项在所述第二导航栏中的上一选项或者下一选项确定为所述第三导航选项。

6.根据权利要求3所述的方法，其特征在于，所述基于所述第二触发操作的操作类型确定所述第三导航选项，包括：

响应于所述第二触发操作的操作类型为长按操作，将所述第二导航栏中的指定选项确定为所述第三导航选项。

7.根据权利要求6所述的方法，其特征在于，

所述指定选项是所述第二导航栏中的指定位置上的选项；

或者，

所述指定选项是上一次退出所述第二导航栏时，所述第二导航栏中处于页面内容展示状态的选项。

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

响应于接收到对所述第一导航选项的所述第一触发操作，在所述第一导航选项上层叠加展示至少一个叠加控件；

所述将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容之前，还包括：

响应于接收到对所述至少一个叠加控件中的目标控件执行的所述第二触发操作，基于所述目标控件确定所述第三导航选项。

9.根据权利要求1所述的方法，其特征在于，所述第二触发操作包括第一子操作和第二子操作；

所述响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容，包括：

响应于接收到对所述第一导航选项的所述第一子操作，将所述第三导航选项设置为预选中状态；

响应于所述第三导航选项为预选中状态，且接收到对所述第一导航选项的所述第二子操作，将所述第二导航选项对应的页面内容切换为所述第三导航选项对应的页面内容。

10.根据权利要求9所述的方法，其特征在于，

所述第一子操作为点击操作，所述第二子操作为上滑操作；

或者，

所述第一子操作包括左滑操作和右滑操作中的至少一种，所述第二子操作为点击操作或者上滑操作。

11.根据权利要求1所述的方法，其特征在于，所述第一导航选项是所述第一导航栏包含的各个选项中，除了边缘选项之外的其它任意一个选项；所述边缘选项是显示在屏幕侧边的选项。

12.根据权利要求1至11任一所述的方法，其特征在于，

所述页面内容是对应的导航选项的选项页面；

或者，

所述页面内容是对应的导航选项的下一级导航栏。

13.一种基于导航栏的页面内容展示装置，其特征在于，所述装置包括：

界面展示模块，用于展示应用界面，所述应用界面中包含第一导航栏，所述第一导航栏中包含第一导航选项；

第一内容展示模块，用于响应于接收到对所述第一导航选项的第一触发操作，在所述应用界面中展示第二导航栏，以及所述第二导航栏中的第二导航选项对应的页面内容；

第二内容展示模块，用于响应于接收到对所述第一导航选项的第二触发操作，将所述第二导航选项对应的页面内容切换为第三导航选项对应的页面内容；所述第三导航选项是所述第二导航栏中，除了所述第二导航选项之外的另一导航选项。

14.一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条计算机程序，所述至少一条计算机程序由所述处理器加载并执行以实现如权利要求1至12任一所述的基于导航栏的页面内容展示方法。

15.一种计算机可读存储介质，其特征在于，所述可读存储介质中存储有至少一条计算机程序，所述至少一条计算机程序由处理器加载并执行以实现如权利要求1至12任一所述的基于导航栏的页面内容展示方法。

Images