CN109542295A - 页面显示区的联动展现方法、电子设备及存储介质 - Google Patents

Abstract

本发明公开了一种页面显示区的联动展现方法、电子设备及存储介质，其中，页面显示区的联动展现方法包括：检测用户在页面显示区内执行的第一手势滑动操作，确定第一手势滑动操作的滑动方向；响应于第一手势滑动操作，沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，标签栏整体随列表内容一同沿第一方向移动展示。根据本发明提供的技术方案，能够根据用户在页面显示区内执行的第一手势滑动操作，在沿第一方向移动展示列表内容的同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签，实现了推荐标签与列表内容的联动展现，丰富了推荐标签的展现效果。

Description

页面显示区的联动展现方法、电子设备及存储介质

技术领域

本发明涉及信息处理技术领域，具体涉及一种页面显示区的联动展现方法、电子设备及存储介质。

背景技术

许多用户喜欢利用电子书客户端进行电子书下载和阅读等操作。为了便于用户了解电子书客户端中的电子书或热门活动等，一般会在首页或某些主页面中展现有多本电子书以及标签内容为热搜数据的推荐标签，希望用户能够优先看到上述内容。然而，现有技术中一般是在页面中的固定位置显示推荐标签，推荐标签的展现效果单一，很难达到吸引用户注意力的目的，导致内容推广的效果较差。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面显示区的联动展现方法、电子设备及存储介质。

根据本发明的一个方面，提供了一种页面显示区的联动展现方法，页面显示区用于展现包含标签栏的列表内容，标签栏中显示至少一个推荐标签，该方法包括：

检测用户在页面显示区内执行的第一手势滑动操作，确定第一手势滑动操作的滑动方向；

响应于第一手势滑动操作，沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，标签栏整体随列表内容一同沿第一方向移动展示。

根据本发明的另一方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，处理器、存储器和通信接口通过通信总线完成相互间的通信；

存储器用于存放至少一可执行指令，可执行指令使处理器执行以下操作：

检测用户在页面显示区内执行的第一手势滑动操作，确定第一手势滑动操作的滑动方向；页面显示区用于展现包含标签栏的列表内容，标签栏中显示至少一个推荐标签；

响应于第一手势滑动操作，沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，标签栏整体随列表内容一同沿第一方向移动展示。

根据本发明的又一方面，提供了一种存储介质，存储介质中存储有至少一可执行指令，可执行指令使处理器执行以下操作：

检测用户在页面显示区内执行的第一手势滑动操作，确定第一手势滑动操作的滑动方向；页面显示区用于展现包含标签栏的列表内容，标签栏中显示至少一个推荐标签；

响应于第一手势滑动操作，沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，标签栏整体随列表内容一同沿第一方向移动展示。

利用本发明提供的技术方案，能够根据用户在页面显示区内执行的第一手势滑动操作，在沿第一方向移动展示列表内容的同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签，实现了推荐标签与列表内容的联动展现，丰富了推荐标签的展现效果，有助于吸引用户注意力，提升了内容推广的效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明实施例一的一种页面显示区的联动展现方法的流程示意图；

图2a示出了根据本发明实施例二的一种页面显示区的联动展现方法的流程示意图；

图2b示出了列表内容在页面显示区内的展现示意图一；

图2c示出了列表内容在页面显示区内的展现示意图二；

图2d示出了列表内容在页面显示区内的展现示意图三；

图2e示出了列表内容在页面显示区内的展现示意图四；

图2f示出了列表内容在页面显示区内的展现示意图五；

图2g示出了列表内容在页面显示区内的展现示意图六；

图2h示出了列表内容在页面显示区内的展现示意图七；

图3示出了根据本发明实施例四的一种电子设备的结构示意图。

具体实施方式

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

实施例一

图1示出了根据本发明实施例一的一种页面显示区的联动展现方法的流程示意图，如图1所示，该方法包括如下步骤：

步骤S101，检测用户在页面显示区内执行的第一手势滑动操作。

用户可利用电子书客户端进行电子书下载和电子书阅读等操作。为了便于用户了解电子书客户端中的电子书或热门内容等，在电子书客户端的页面显示区中会展现包含标签栏的列表内容。其中，标签栏显示在列表内容中的上方或中间等位置处，标签栏中显示至少一个推荐标签，推荐标签的标签内容可为热搜书名、热搜关键词等热搜数据。另外，列表内容中除了包含标签栏，还可包含多本电子书等信息。

当用户想要从页面显示区内获取更多的列表内容时，可在页面显示区内的任意位置处执行第一手势滑动操作，那么在步骤S101中检测用户在页面显示区内执行的第一手势滑动操作。其中，第一手势滑动操作为向上滑动操作或向下滑动操作。

步骤S102，确定第一手势滑动操作的滑动方向。

在检测到第一手势滑动操作之后，根据第一手势滑动操作，确定第一手势滑动操作的滑动方向，其中，可根据第一手势滑动操作对应的起始滑动位置和当前滑动位置，确定第一手势滑动操作的滑动方向。

步骤S103，响应于第一手势滑动操作，沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签。

其中，将第一方向设置为与第一手势滑动操作的滑动方向一致的方向，将第二方向设置为与第一方向不同的方向，本领域技术人员可根据实际需要对第二方向进行具体设置，此处不做限定。具体地，列表内容沿第一方向移动展示，同时，标签栏中的推荐标签沿与第一方向不同的第二方向移动展示，在此过程中，标签栏整体也会随列表内容一同沿第一方向移动展示，从而使得标签栏中的推荐标签能够根据用户在页面显示区内执行的第一手势滑动操作与列表内容进行联动展现，有助于吸引用户注意力，提高了趣味性。

例如，当第一手势滑动操作的滑动方向为向上时，第一方向为向上，第二方向为向左；当第一手势滑动操作的滑动方向为向下时，第一方向为向下，第二方向为向右。具体地，当第一手势滑动为向上滑动操作时，第一手势滑动的滑动方向为向上，那么响应于第一手势滑动操作，页面显示区中的列表内容对应向上移动展示，标签栏整体也会随着列表内容一同沿向上移动展示，同时，标签栏中的推荐标签向左移动展示；当第一手势滑动为向下滑动操作时，第一手势滑动的滑动方向为向下，那么响应于第一手势滑动操作，页面显示区中的列表内容对应向下移动展示，标签栏整体也会随着列表内容一同沿向下移动展示，同时，标签栏中的推荐标签向右移动展示。

利用本实施例提供的页面显示区的联动展现方法，能够根据用户在页面显示区内执行的第一手势滑动操作，在沿第一方向移动展示列表内容的同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签，实现了推荐标签与列表内容的联动展现，丰富了推荐标签的展现效果，有助于吸引用户注意力，提升了内容推广的效果。

实施例二

图2a示出了根据本发明实施例二的一种页面显示区的联动展现方法的流程示意图，如图2a所示，该方法包括如下步骤：

步骤S201，检测用户在页面显示区内执行的第一手势滑动操作，确定第一手势滑动操作的滑动方向。

在电子书客户端的页面显示区中会展现包含标签栏和多本电子书等的列表内容。电子书可按照热门畅销、精选、出版、会员、漫画、女生以及男生等类别进行设置，以便用户根据自身喜好选择分类进行查看。标签栏显示在列表内容中的上方或中间等位置处，标签栏中显示至少一个推荐标签，推荐标签的标签内容可为热搜书名、热搜关键词等热搜数据。

图2b示出了列表内容在页面显示区内的展现示意图一，如图2b所示，在当前状态下页面显示区内展现出了包含3个部分的列表内容，其中，部分10的内容为按照精选、出版、会员、漫画、女生等类别进行分类的电子书，部分20的内容为标签栏，标签栏中显示有标签内容分别为“沙海”、“世界上最美的10个地方”、“秦时明月”、“深度好文”、“武侠经典”等的推荐标签，这些推荐标签排列在3行中进行展示，部分30的内容为按照热门畅销进行分类的电子书。

当用户想要从页面显示区内获取更多的列表内容时，可在页面显示区内的任意位置处执行第一手势滑动操作。检测用户在页面显示区内执行的第一手势滑动操作，根据检测到的第一手势滑动操作，确定第一手势滑动操作的滑动方向。其中，第一手势滑动操作可为向上滑动操作或向下滑动操作。具体地，可根据第一手势滑动操作对应的起始滑动位置和当前滑动位置，确定第一手势滑动操作的滑动方向以及滑动距离。

步骤S202，依据第一手势滑动操作的滑动距离，确定页面移动距离。

其中，可利用预先设置的页面配置信息中的移动算法来确定页面移动距离。本领域技术人员可根据实际需要对页面配置信息中的移动算法进行设置，此处不做限定。例如，将页面移动距离确定为与第一手势滑动操作的滑动距离相同的距离，若第一手势滑动操作的滑动距离为100个像素，那么将页面移动距离确定为100个像素。

步骤S203，依据第一手势滑动操作的滑动距离，确定标签移动距离。

其中，可利用预先设置的标签配置信息中的移动算法来确定标签移动距离。本领域技术人员可根据实际需要对标签配置信息中的移动算法进行设置，此处不做限定。通过标签配置信息中的移动算法将第一手势滑动操作的滑动距离映射为标签移动距离。其中，随着第一手势滑动操作的滑动距离的增大，标签移动距离对应增大。例如，根据标签配置信息中的移动算法可知标签移动距离等于第一手势滑动操作的滑动距离的两倍，那么若第一手势滑动操作的滑动距离为50个像素，则将标签移动距离确定为100个像素。

步骤S204，响应于第一手势滑动操作，根据页面移动距离沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，根据标签移动距离沿与第一方向不同的第二方向移动展示标签栏中的推荐标签。

第一方向与第一手势滑动操作的滑动方向一致。具体地，当第一手势滑动操作的滑动方向为向上时，第一方向为向上，第二方向为向左；当第一手势滑动操作的滑动方向为向下时，第一方向为向下，第二方向为向右。当第一手势滑动为向上滑动操作时，响应于第一手势滑动操作，根据页面移动距离，页面显示区中的列表内容对应向上移动展示，标签栏整体也会随着列表内容一同沿向上移动展示，同时，根据标签移动距离，标签栏中的推荐标签向左移动展示；当第一手势滑动为向下滑动操作时，响应于第一手势滑动操作，根据页面移动距离，页面显示区中的列表内容对应向下移动展示，标签栏整体也会随着列表内容一同沿向下移动展示，同时，根据标签移动距离，标签栏中的推荐标签向右移动展示。

其中，标签栏中的推荐标签可以以单行形式展示，也可以以多行形式展示。当推荐标签以单行形式展示时，多个推荐标签排列在一行中，响应于第一手势滑动操作，根据页面移动距离，列表内容沿第一方向移动展示，同时，根据标签移动距离，该行推荐标签可以沿第二方向以相同的预设速度循环移动展示，使得推荐标签能够与列表内容进行联动展现；当推荐标签以多行形式展示时，多个推荐标签排列在多行中，响应于第一手势滑动操作，根据页面移动距离，列表内容沿第一方向移动展示，同时，根据标签移动距离，每行推荐标签可以沿第二方向以不同的预设速度循环移动展示，使得推荐标签不仅具有联动展现效果，还具有错位移动效果，极大地丰富了推荐标签展现效果。其中，本领域技术人员可根据实际需要对预设速度进行设置，此处不做限定。例如，预设速度可为根据标签配置信息中的移动算法计算得到的，随着第一手势滑动操作的滑动距离的增大，预设速度对应增大；或者，预设速度也可为预先设置的固定不变的速度。

假设列表内容在页面显示区内的展现示意图如图2b所示，当用户在页面显示区内的任意位置处执行的第一手势滑动操作为向下滑动操作时，响应于第一手势滑动操作，根据页面移动距离，页面显示区中的列表内容对应向下移动展示，同时，根据标签移动距离，3行推荐标签分别以不同的预设速度循环向右移动展示，其中，标签栏整体也会随着列表内容一同沿向下移动展示。具体地，如图2c所示，3行中已展现的推荐标签以不同的预设速度从页面显示区的右侧边界移出，3行中待展现的推荐标签以不同的预设速度从页面显示区的左侧边界移入，使得推荐标签实现了首尾相接的、循环右移展示。

假设列表内容在页面显示区内的展现示意图如图2c所示，当用户在页面显示区内的任意位置处执行的第一手势滑动为向上滑动操作时，响应于第一手势滑动操作，根据页面移动距离，页面显示区中的列表内容对应向上移动展示，同时，根据标签移动距离，3行推荐标签分别以不同的预设速度循环向左移动展示，其中，标签栏整体也会随着列表内容一同沿向上移动展示。具体地，如图2d所示，页面显示区内所展现出的列表内容除了包括部分10、部分20和部分30，还包括部分40，部分40的内容为按照权威书单进行划分的电子书；在标签栏中，3行中已展现的推荐标签以不同的预设速度从页面显示区的左侧边界移出，3行中待展现的推荐标签以不同的预设速度从页面显示区的右侧边界移入，使得推荐标签实现了首尾相接的、循环左移展示。

为了进一步突出展现列表内容中的标签栏，使标签栏始终能够不随列表内容移出页面显示区，该方法还可包括步骤S205和步骤S206。

步骤S205，随着列表内容的移动，当标签栏移动至页面显示区的边界处时，标签栏固定展示在边界处，列表内容继续沿第一方向移动展示，并且标签栏中的推荐标签继续沿第二方向移动展示。

根据第一手势滑动操作，列表内容会沿第一方向移动展示，标签栏整体也会随着列表内容一同沿第一方向移动展示。随着列表内容的上下移动，标签栏可能会移动到页面显示区的上侧或下侧边界处。当标签栏移动至页面显示区的边界处时，将标签栏固定展示在该边界处，使其不会随着列表内容而移出页面显示区。为了实现上述展示效果，在列表内容移动过程中，需要对列表内容进行动态排版，使得列表内容中显示的内容能够让位于标签栏所固定展示的位置。

具体地，当第一手势滑动操作为向上滑动操作时，列表内容对应向上移动展示，标签栏整体也会随着列表内容一同向上移动展示，在此同时，标签栏中的推荐标签向左移动展示。在图2d所展现的列表内容的基础上，继续执行向上滑动操作，当标签栏移动至页面显示区的上侧边界处时，标签栏固定展示在上侧边界处。用户继续执行向上滑动操作，列表内容则会继续向上移动展现更多的更新内容，而标签栏固定展示在上侧边界处，不会随着列表内容的向上移动而移出页面显示区，但标签栏中的推荐标签仍然会继续向左移动展示，如图2e所示，页面显示区内所展现出的列表内容除了包括部分20和部分40，还包括部分50，部分50的内容为按照历史书单进行划分的电子书，其中，部分20的标签栏固定展示在上侧边界处，标签栏中的3行推荐标签分别以不同的预设速度循环向左移动展示。

当第一手势滑动操作为向下滑动操作时，列表内容对应向下移动展示，标签栏整体也会随着列表内容一同向下移动展示，在此同时，标签栏中的推荐标签向右移动展示。当标签栏移动至页面显示区的下侧边界处时，标签栏固定展示在下侧边界处。用户继续执行向下滑动操作，列表内容则会继续向下移动展现更多的更新内容，而标签栏固定展示在下侧边界处，不会随着列表内容的向下移动而移出页面显示区，但标签栏中的推荐标签仍然会继续向右移动展示。

步骤S206，当检测到与第一手势滑动操作的滑动方向相反的第三手势滑动操作时，标签栏保持当前与列表内容的相对位置关系，从边界处开始与列表内容同步移动展示。

在本发明中，将用户在页面显示区内执行的与第一手势滑动操作的滑动方向相反的滑动操作称为第三手势滑动操作，当检测到第三手势滑动操作时，标签栏保持当前与列表内容的相对位置关系，从边界处开始与列表内容同步移动展示，同时，标签栏中的推荐标签沿第二方向移动展示。

假设之前的第一手势滑动操作为向上滑动操作，标签栏移动至页面显示区的上侧边界处，并固定展示在上侧边界处而不再随着列表内容继续向上移动。假设列表内容在页面显示区内的展现示意图如图2e所示，若检测到向下滑动操作，即第三手势滑动操作，标签栏保持当前与列表内容的相对位置关系，从上侧边界处开始与列表内容同步向下移动展示，从而改变了标签栏在页面显示区内的展示位置，不再固定于页面显示区的上侧边界处。具体地，如图2f所示，标签栏对应的部分20保持图2e所示的相对位置关系，从上侧边界处开始与列表内容同步向下移动展示，同时，标签栏中的3行推荐标签分别以不同的预设速度循环向右移动展示。

为了实现上述展示效果，需要对列表内容进行重新排版，使得列表内容中显示的内容能够让位于标签栏的新展示位置。另外，在列表内容向下移动展示的同时，标签栏中的推荐标签向右移动展示。

考虑到用户在从页面显示区内获取列表内容的过程中还可能会针对标签栏执行手势滑动操作，为了便于与第一手势滑动操作和第三手势滑动操作进行区分，将针对标签栏执行的手势滑动操作称为第二手势滑动操作，那么该方法还可包括：步骤S207和步骤S208。在本实施例中，虽然图2a所示的步骤S207和步骤S208是在步骤S206之后执行的，但是本领域技术人员可根据实际需要对步骤S207和步骤S208的执行顺序进行设置，此处不做具体限定。例如可将步骤S207和步骤S208设置为在步骤S201至步骤S206中的任意一个步骤之前执行。

步骤S207，检测用户针对标签栏执行的第二手势滑动操作。

其中，第二手势滑动操作可为向左滑动操作或向右滑动操作，在检测到第二手势滑动操作之后，可根据第二手势滑动操作对应的起始滑动位置和当前滑动位置，确定第二手势滑动操作的滑动距离。

步骤S208，响应于第二手势滑动操作，沿第二方向移动展示标签栏中的推荐标签。

其中，可依据第二手势滑动操作的滑动距离，确定对应的标签移动距离。具体地，当第二手势滑动操作为向左滑动操作时，第二方向可为向左，那么根据对应的标签移动距离，向左移动展示标签栏中的推荐标签；当第二手势滑动操作为向右滑动操作时，第二方向可为向右，那么根据对应的标签移动距离，向右移动展示标签栏中的推荐标签。其中，随着第二手势滑动操作的滑动距离的增大，标签移动距离对应增大。

当推荐标签以单行形式展示时，多个推荐标签排列在一行中，响应于第二手势滑动操作，根据基于第二手势滑动操作的滑动距离所确定的标签移动距离，该行推荐标签沿第二方向以相同的预设速度循环移动展示；当推荐标签以多行形式展示时，多个推荐标签排列在多行中，响应于第二手势滑动操作，根据基于第二手势滑动操作的滑动距离所确定的标签移动距离，各行推荐标签沿第二方向以相同的预设速度循环移动展示。通过上述方式，使得推荐标签能够根据用户针对标签栏执行的第二手势滑动操作循环地移动展示推荐标签，便于用户查看推荐标签。

假设列表内容在页面显示区内的展现示意图如图2c所示，当用户针对标签栏执行的第二手势滑动操作为向左滑动操作时，响应于第二手势滑动操作，根据所确定的标签移动距离，3行推荐标签以相同的预设速度循环向左移动展示，具体地，如图2g所示，3行中已展现的推荐标签以相同的预设速度从页面显示区的左侧边界移出，3行中待展现的推荐标签以相同的预设速度从页面显示区的右侧边界移入，使得推荐标签实现了首尾相接的、循环左移展示。

假设列表内容在页面显示区内的展现示意图如图2c所示，当用户针对标签栏执行的第二手势滑动操作为向右滑动操作时，响应于第二手势滑动操作，根据所确定的标签移动距离，3行推荐标签以相同的预设速度循环向右移动展示，具体地，如图2h所示，3行中已展现的推荐标签以相同的预设速度从页面显示区的右侧边界移出，3行中待展现的推荐标签以相同的预设速度从页面显示区的左侧边界移入，使得推荐标签实现了首尾相接的、循环右移展示。

步骤S209，根据用户针对推荐标签的触发操作，跳转至推荐标签对应的推荐页面。

当用户想要查看某个推荐标签对应的推荐页面时，可针对推荐标签执行的点击等触发操作，在步骤S209中，根据该触发操作，跳转至该推荐标签对应的推荐页面。推荐页面中可包括该推荐标签对应的推荐电子书等信息，本领域技术人员可根据实际需要对推荐页面，此处不做限定。

利用本实施例提供的页面显示区的联动展现方法，当推荐标签以多行形式进行展现时，能够根据用户在页面显示区内执行的第一手势滑动操作，在在沿第一方向移动展示列表内容的同时，标签栏中的每行推荐标签沿与第一方向不同的第二方向以不同的预设速度循环移动展示，使得推荐标签不仅具有联动展现效果，还具有错位移动效果；并且，随着列表内容的移动，当标签栏移动至页面显示区的边界处时，标签栏固定展示在边界处，不会随着列表内容而移出页面显示区，使得标签栏能够长时间展现在页面显示区中，实现了对标签栏的突出展现；另外，还能够根据用户针对标签栏执行的第二手势滑动操作，各行推荐标签沿第二方向以相同的预设速度循环移动展示，进一步丰富了推荐标签的展现效果，有效地提升了内容推广的效果。

实施例三

本发明实施例三提供了一种非易失性存储介质，存储介质存储有至少一可执行指令，该可执行指令可执行上述任意方法实施例中的页面显示区的联动展现方法。

可执行指令具体可以用于使得处理器执行以下操作：检测用户在页面显示区内执行的第一手势滑动操作，确定第一手势滑动操作的滑动方向；页面显示区用于展现包含标签栏的列表内容，标签栏中显示至少一个推荐标签；响应于第一手势滑动操作，沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，标签栏整体随列表内容一同沿第一方向移动展示。

在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：依据第一手势滑动操作的滑动距离，确定标签移动距离；根据标签移动距离，沿第二方向移动展示推荐标签。

在一种可选的实施方式中，推荐标签以多行形式展示；可执行指令进一步使处理器执行以下操作：每行推荐标签沿第二方向以不同的预设速度循环移动展示。

在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：检测用户针对标签栏执行的第二手势滑动操作；响应于第二手势滑动操作，沿第二方向移动展示标签栏中的推荐标签。

在一种可选的实施方式中，推荐标签以多行形式展示；可执行指令进一步使处理器执行以下操作：各行推荐标签沿第二方向以相同的预设速度循环移动展示。

在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：根据用户针对推荐标签的触发操作，跳转至推荐标签对应的推荐页面。

在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：随着列表内容的移动，当标签栏移动至页面显示区的边界处时，标签栏固定展示在边界处，列表内容继续沿第一方向移动展示，并且标签栏中的推荐标签继续沿第二方向移动展示。

在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：当检测到与第一手势滑动操作的滑动方向相反的第三手势滑动操作时，标签栏保持当前与列表内容的相对位置关系，从边界处开始与列表内容同步移动展示。

实施例四

图3示出了根据本发明实施例四的一种电子设备的结构示意图，本发明具体实施例并不对电子设备的具体实现做限定。

如图3所示，该电子设备可以包括：处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。

其中：

处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。

通信接口304，用于与其它设备比如客户端或其它服务器等的网元通信。

处理器302，用于执行程序310，具体可以执行上述页面显示区的联动展现方法实施例中的相关步骤。

具体地，程序310可以包括程序代码，该程序代码包括计算机操作指令。

处理器302可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。

存储器306，用于存放程序310。存储器306可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

程序310具体可以用于使得处理器302执行以下操作：检测用户在页面显示区内执行的第一手势滑动操作，确定第一手势滑动操作的滑动方向；页面显示区用于展现包含标签栏的列表内容，标签栏中显示至少一个推荐标签；响应于第一手势滑动操作，沿与第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，标签栏整体随列表内容一同沿第一方向移动展示。

在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：依据第一手势滑动操作的滑动距离，确定标签移动距离；根据标签移动距离，沿第二方向移动展示推荐标签。

在一种可选的实施方式中，推荐标签以多行形式展示；程序310进一步使得处理器302执行以下操作：每行推荐标签沿第二方向以不同的预设速度循环移动展示。

在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：检测用户针对标签栏执行的第二手势滑动操作；响应于第二手势滑动操作，沿第二方向移动展示标签栏中的推荐标签。

在一种可选的实施方式中，推荐标签以多行形式展示；程序310进一步使得处理器302执行以下操作：各行推荐标签沿第二方向以相同的预设速度循环移动展示。

在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：根据用户针对推荐标签的触发操作，跳转至推荐标签对应的推荐页面。

在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：随着列表内容的移动，当标签栏移动至页面显示区的边界处时，标签栏固定展示在边界处，列表内容继续沿第一方向移动展示，并且标签栏中的推荐标签继续沿第二方向移动展示。

在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：当检测到与第一手势滑动操作的滑动方向相反的第三手势滑动操作时，标签栏保持当前与列表内容的相对位置关系，从边界处开始与列表内容同步移动展示。

程序310中各步骤的具体实现可以参见上述页面显示区的联动展现实施例中的相应步骤对应的描述，在此不赘述。所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的设备的具体工作过程，可以参考前述方法实施例中的对应过程描述，在此不再赘述。

通过本实施例提供的方案，能够根据用户在页面显示区内执行的第一手势滑动操作，在沿第一方向移动展示列表内容的同时，沿与第一方向不同的第二方向移动展示标签栏中的推荐标签，实现了推荐标签与列表内容的联动展现，丰富了推荐标签的展现效果。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了：A1.一种页面显示区的联动展现方法，所述页面显示区用于展现包含标签栏的列表内容，所述标签栏中显示至少一个推荐标签，所述方法包括：

检测用户在所述页面显示区内执行的第一手势滑动操作，确定所述第一手势滑动操作的滑动方向；

响应于所述第一手势滑动操作，沿与所述第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，所述标签栏整体随所述列表内容一同沿所述第一方向移动展示。

A2.根据A1所述的方法，所述沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签进一步包括：

依据所述第一手势滑动操作的滑动距离，确定标签移动距离；

根据所述标签移动距离，沿第二方向移动展示所述推荐标签。

A3.根据A1或A2所述的方法，所述推荐标签以多行形式展示；

所述沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签具体为：

每行推荐标签沿第二方向以不同的预设速度循环移动展示。

A4.根据A1-A3任一项所述的方法，所述方法还包括：

检测用户针对所述标签栏执行的第二手势滑动操作；

响应于所述第二手势滑动操作，沿第二方向移动展示所述标签栏中的推荐标签。

A5.根据A4所述的方法，所述推荐标签以多行形式展示；

所述沿第二方向移动展示所述标签栏中的推荐标签具体为：

各行推荐标签沿所述第二方向以相同的预设速度循环移动展示。

A6.根据A1-A5任一项所述的方法，所述方法还包括：根据用户针对推荐标签的触发操作，跳转至所述推荐标签对应的推荐页面。

A7.根据A1-A6任一项所述的方法，随着所述列表内容的移动，当所述标签栏移动至所述页面显示区的边界处时，所述方法还包括：

所述标签栏固定展示在所述边界处，所述列表内容继续沿第一方向移动展示，并且所述标签栏中的推荐标签继续沿第二方向移动展示。

A8.根据A7所述的方法，在所述标签栏固定展示在所述边界处之后，所述方法还包括：

当检测到与所述第一手势滑动操作的滑动方向相反的第三手势滑动操作时，所述标签栏保持当前与所述列表内容的相对位置关系，从所述边界处开始与所述列表内容同步移动展示。

本发明还公开了：B9.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

检测用户在页面显示区内执行的第一手势滑动操作，确定所述第一手势滑动操作的滑动方向；所述页面显示区用于展现包含标签栏的列表内容，所述标签栏中显示至少一个推荐标签；

响应于所述第一手势滑动操作，沿与所述第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，所述标签栏整体随所述列表内容一同沿所述第一方向移动展示。

B10.根据B9所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

依据所述第一手势滑动操作的滑动距离，确定标签移动距离；

根据所述标签移动距离，沿第二方向移动展示所述推荐标签。

B11.根据B9或B10所述的电子设备，所述推荐标签以多行形式展示；所述可执行指令进一步使所述处理器执行以下操作：

每行推荐标签沿第二方向以不同的预设速度循环移动展示。

B12.根据B9-B11任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

检测用户针对所述标签栏执行的第二手势滑动操作；

响应于所述第二手势滑动操作，沿第二方向移动展示所述标签栏中的推荐标签。

B13.根据B12所述的电子设备，所述推荐标签以多行形式展示；所述可执行指令进一步使所述处理器执行以下操作：

各行推荐标签沿所述第二方向以相同的预设速度循环移动展示。

B14.根据B9-B13任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

根据用户针对推荐标签的触发操作，跳转至所述推荐标签对应的推荐页面。

B15.根据B9-B14任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

随着所述列表内容的移动，当所述标签栏移动至所述页面显示区的边界处时，所述标签栏固定展示在所述边界处，所述列表内容继续沿第一方向移动展示，并且所述标签栏中的推荐标签继续沿第二方向移动展示。

B16.根据B15所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：

当检测到与所述第一手势滑动操作的滑动方向相反的第三手势滑动操作时，所述标签栏保持当前与所述列表内容的相对位置关系，从所述边界处开始与所述列表内容同步移动展示。

本发明还公开了：C17.一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：

检测用户在页面显示区内执行的第一手势滑动操作，确定所述第一手势滑动操作的滑动方向；所述页面显示区用于展现包含标签栏的列表内容，所述标签栏中显示至少一个推荐标签；

响应于所述第一手势滑动操作，沿与所述第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，所述标签栏整体随所述列表内容一同沿所述第一方向移动展示。

C18.根据C17所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：

依据所述第一手势滑动操作的滑动距离，确定标签移动距离；

根据所述标签移动距离，沿第二方向移动展示所述推荐标签。

C19.根据C17或C18所述的存储介质，所述推荐标签以多行形式展示；所述可执行指令进一步使所述处理器执行以下操作：

每行推荐标签沿第二方向以不同的预设速度循环移动展示。

C20.根据C17-C19任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：

检测用户针对所述标签栏执行的第二手势滑动操作；

响应于所述第二手势滑动操作，沿第二方向移动展示所述标签栏中的推荐标签。

C21.根据C20所述的存储介质，所述推荐标签以多行形式展示；所述可执行指令进一步使所述处理器执行以下操作：

各行推荐标签沿所述第二方向以相同的预设速度循环移动展示。

C22.根据C17-C21任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：

根据用户针对推荐标签的触发操作，跳转至所述推荐标签对应的推荐页面。

C23.根据C17-C22任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：

随着所述列表内容的移动，当所述标签栏移动至所述页面显示区的边界处时，所述标签栏固定展示在所述边界处，所述列表内容继续沿第一方向移动展示，并且所述标签栏中的推荐标签继续沿第二方向移动展示。

C24.根据C23所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：

当检测到与所述第一手势滑动操作的滑动方向相反的第三手势滑动操作时，所述标签栏保持当前与所述列表内容的相对位置关系，从所述边界处开始与所述列表内容同步移动展示。

Claims (10)

1.一种页面显示区的联动展现方法，所述页面显示区用于展现包含标签栏的列表内容，所述标签栏中显示至少一个推荐标签，所述方法包括：

检测用户在所述页面显示区内执行的第一手势滑动操作，确定所述第一手势滑动操作的滑动方向；

响应于所述第一手势滑动操作，沿与所述第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，所述标签栏整体随所述列表内容一同沿所述第一方向移动展示。

2.根据权利要求1所述的方法，所述沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签进一步包括：

依据所述第一手势滑动操作的滑动距离，确定标签移动距离；

根据所述标签移动距离，沿第二方向移动展示所述推荐标签。

3.根据权利要求1或2所述的方法，所述推荐标签以多行形式展示；

所述沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签具体为：

每行推荐标签沿第二方向以不同的预设速度循环移动展示。

4.根据权利要求1-3任一项所述的方法，所述方法还包括：

检测用户针对所述标签栏执行的第二手势滑动操作；

响应于所述第二手势滑动操作，沿第二方向移动展示所述标签栏中的推荐标签。

5.根据权利要求4所述的方法，所述推荐标签以多行形式展示；

所述沿第二方向移动展示所述标签栏中的推荐标签具体为：

各行推荐标签沿所述第二方向以相同的预设速度循环移动展示。

6.根据权利要求1-5任一项所述的方法，所述方法还包括：根据用户针对推荐标签的触发操作，跳转至所述推荐标签对应的推荐页面。

7.根据权利要求1-6任一项所述的方法，随着所述列表内容的移动，当所述标签栏移动至所述页面显示区的边界处时，所述方法还包括：

所述标签栏固定展示在所述边界处，所述列表内容继续沿第一方向移动展示，并且所述标签栏中的推荐标签继续沿第二方向移动展示。

8.根据权利要求7所述的方法，在所述标签栏固定展示在所述边界处之后，所述方法还包括：

当检测到与所述第一手势滑动操作的滑动方向相反的第三手势滑动操作时，所述标签栏保持当前与所述列表内容的相对位置关系，从所述边界处开始与所述列表内容同步移动展示。

9.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

检测用户在页面显示区内执行的第一手势滑动操作，确定所述第一手势滑动操作的滑动方向；所述页面显示区用于展现包含标签栏的列表内容，所述标签栏中显示至少一个推荐标签；

响应于所述第一手势滑动操作，沿与所述第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，所述标签栏整体随所述列表内容一同沿所述第一方向移动展示。

10.一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：

检测用户在页面显示区内执行的第一手势滑动操作，确定所述第一手势滑动操作的滑动方向；所述页面显示区用于展现包含标签栏的列表内容，所述标签栏中显示至少一个推荐标签；

响应于所述第一手势滑动操作，沿与所述第一手势滑动操作的滑动方向一致的第一方向移动展示列表内容，同时，沿与所述第一方向不同的第二方向移动展示标签栏中的推荐标签；其中，所述标签栏整体随所述列表内容一同沿所述第一方向移动展示。