CN110275741B - 内容显示方法及电子设备 - Google Patents

Abstract

本申请实施例提供一种内容显示方法及电子设备。其中，方法包括如下的步骤：显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。本申请实施例间接的增加了用户界面的信息展示量，提高了用户界面的信息传达效率，为用户快速获得内容提供便利，减少了现有界面设计架构中存在的繁琐操作路径，符合现有多内容、去中心化的业务发展趋势。

Description

内容显示方法及电子设备

技术领域

本申请涉及计算机技术领域，尤其涉及一种内容显示方法及电子设备。

背景技术

现有技术中，APP(Application，应用)在终端呈现的用户界面的方式，大多首先呈现首页，如图1所示，首页10中显示有多个可触控的内容控件20。用户点击一个可触控的内容控件20后，即从首页10跳转至该内容控件对应的页面30上。若用户查看该页面30的内容后发现并不是感兴趣的内容，则需再返回至首页10，再通过首页10进入其他页面，以继续查找自己想要的内容。用户只能通过首页才能进入到不同内容页面，这中间用户需多次进行返回首页的操作，操作繁琐。

发明内容

鉴于上述问题，提出了本申请以便解决上述问题或至少部分地解决上述问题的内容显示方法及设备。

于是，在本申请的一个实施例中，提供了一种内容显示方法。该方法包括：

显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；

所述第二页卡上，显示有第一内容；

响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

在本申请的另一个实施例中，提供了一种内容显示方法。该方法包括：

显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；

所述第二页卡上，显示有第一内容；

响应于用户在所述第一页卡上触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

在本申请的一实施例中，提供了一种电子设备。该电子设备包括：第一显示器、第一存储器及第一处理器，其中，

所述第一显示器，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；

所述第一存储器，用于存储界面显示控制程序；

所述第一处理器，用于按照所述界面显示控制程序，控制所述显示器实现：

响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

在本申请的另一实施例中，提供了一种电子设备。该电子设备包括：第二显示器、第二存储器及第二处理器，其中，

所述第二显示器，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；

所述第二存储器，用于存储界面显示控制程序；

所述第二处理器，用于按照所述界面显示控制程序，控制所述显示器实现：

响应于用户在所述第一页卡上触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

本申请实施例提供的技术方案，采用包含有第一页卡和第二页卡的用户界面设计方式，其中，第一页卡遮挡第二页卡的局部区域；第二页卡可为第一页卡透传其指定的内容，显然，本申请实施例间接的增加了用户界面的信息展示量，提高了用户界面的信息传达效率，为用户快速获得内容提供便利，减少了现有界面设计架构中存在的繁琐操作路径，符合现有多内容、去中心化的业务发展趋势。

附图说明

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

图1为现有技术中的一种首页示意图；

图2为现有技术中的任一其他页面的示意图；

图3为本申请一实施例提供的内容显示方法的流程示意图；

图4为本申请实施例提供的一种用户界面的示意图；

图5为本申请实施例提供的用户界面的组成结构剖解示意图；

图6为本申请实施例提供的用户界面的一种可实现实例的示意图；

图7为本申请实施例提供的用户界面中第一页卡移动预设距离的示意图；

图8为本申请实施例提供的用户界面中第一页卡隐藏后的示意图；

图9为本申请实施例提供的用户界面中第一页卡延展后的示意图；

图10为本申请另一实施例提供的内容显示方法的流程示意图；

图11a为本申请实施例提供的一种用户界面的示意图；

图11b为本申请实施例提供的用户界面中第二页卡上显示的第二图片隐藏的示意图；

图11c为本申请实施例提供的用户界面中第二页卡上显示的内容切换后的示意图；

图12为本申请实施例提供的一种第二页卡的示意图；

图13为本申请一实施例提供的内容显示装置的结构框图；

图14为本申请另一实施例提供的内容显示装置的结构框图；

图15为本申请一实施例提供的电子设备的结构框图；

图16为本申请另一实施例提供的电子设备的结构框图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

在本申请的说明书、权利要求书及上述附图中描述的一些流程中，包含了按照特定顺序出现的多个操作，这些操作可以不按照其在本文中出现的顺序来执行或并行执行。操作的序号如101、102等，仅仅是用于区分各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。

如图1和图2所示，现有技术中如音频类、视频类APP的用户界面。用户首先进入的该APP的首页10。首页上显示10有多个可触控的内容控件20，用户点击一个可触控的内容控件20，即可进入对应的页面30查看其想要的内容。然后，用户再返回首页，以便点击下一可触控的内容控件20。可见，现有APP的用户界面大多采用中心化的业务模式来设计的，用户无法在同一用户界面下获得更多的信息，用户界面的信息传达效率低。

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

图3示出了本申请一实施例提供的一种内容显示方法的流程示意图。如图3所示，本申请实施例提供的方法的执行主体可以是集成在终端上的一个具有嵌入式程序的硬件，也可以是安装在终端中的一个应用软件，还可以是嵌入在终端操作***中的工具软件等，本申请实施例对此不作限定。该终端可以为包括手机、平板电脑、PDA(Personal DigitalAssistant，个人数字助理)、POS(Point of Sales，销售终端)、车载电脑等任意终端设备。具体的，本实施例提供的所述方法，包括：

101、显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域。

102、所述第二页卡上，显示有第一内容。

103、响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

在一种具体实施方式中，上述101中的第一页卡1和第二页卡2可采用图4和图5所示的方式部分层叠遮挡。其中，所述第一页卡的尺寸可小于第二页卡的尺寸；或者，第一页卡的尺寸与第二页卡的尺寸相等，第一页卡上的部分区域为透明区域，另一部分区域为非透明区域，第一页卡上的非透明区域遮挡所述第二页卡的局部区域。

上述102中，第二页卡上显示的第一内容与所述第一页卡上显示的内容具有内容关联性。比如，在音乐类、视频类APP应用场景中，第一页卡可以是主题页卡；假设当前第一页卡上显示的是第一主题(如后续图“推荐”、或“趴间”等)对应的内容(如歌单图标、直播间图标等)，那么第二页卡上显示的第一内容可为该第一主题的核心内容的详情信息(比如该第一主题主推荐的包含多首歌名的歌单列表信息，或主推荐的直播间的直播视频)；或者为第一主题中用户可能感兴趣的内容的详情信息；或者为该第一主题中播放次数最多内容的详情信息等等。

上述103中，所述切换事件可以是用户通过触控所述第一页卡上的功能控件触发的；或是用户在第一页卡上输入预设手势操作时触发的，或用户发出针对第一页卡的预设语音时触发的等等，本申请实施例对此不作具体限定。

即，本实施例提供的所述方法，还可包括：

监听到用户通过触控所述第一页卡上的功能控件，触发所述切换事件；或者

监听到所述用户在第一页卡上输入预设手势操作时，触发所述切换事件；或者

监听到用户发出针对第一页卡的预设语音时，触发所述切换事件。

所述切换事件被触发时，客户端可从服务端获取与该切换事件关联的内容集。其中，该内容集中可包含有第一页卡和第二页卡上需显示的内容，也可仅包含第二页卡上需显示的内容。例如，在音乐类或视频类APP应用场景中，上述内容集中可仅包含有第二页卡上需显示的内容。假设第一页卡若为主题页卡，类似于现有APP的主页。所述第一页卡上显示的多种主题对应的内容可能在一段时期内是固定不变的，因此第一页卡的各主题对应的内容可存储在本地，客户端只需从本地获取第一页卡上需切换显示的与切换事件关联的内容。客户端仅需向服务端获取与该切换事件关联的第二页卡上需显示的内容。此处需要说明的是：客户端在向所述服务端请求获取内容集时，需在请求中携带所述切换事件指向的目标主题。

即本步骤103响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容，可采用如下步骤实现：首先，响应于用户针对所述第一页卡触发的切换事件，从服务端获取与所述切换事件关联的内容集；然后，根据所述第二页卡的页卡标识，从所述内容集中提取所述第二内容；最后，将所述第二页卡上显示的所述第一内容，切换为所述第二内容。

在一种可实现的技术方案中，用户触发的切换事件可包括：内容切换事件和主题切换事件。相应的，本实施例提供的所述方法，进一步的还可包括：

104、所述切换事件为所述内容切换事件时，维持所述第一页卡上显示的与第一主题相关的第三内容。

105、所述切换事件为所述主题切换事件时，将所述第一页卡上显示的与第一主题相关的第三内容切换为与所述主题切换事件指向的第二主题相关的第四内容。

在具体实施时，上述内容切换事件和主题切换事件还采用如下方法被触发：监听到用户在所述第一页卡上输入的针对所述第三内容的触控操作时，触发所述内容切换事件；监听到用户在所述第一页卡上输入沿第一方向的滑动操作时，触发所述主题切换事件。

本申请实施例提供的技术方案，采用包含有第一页卡和第二页卡的用户界面设计方式，其中，第一页卡遮挡第二页卡的局部区域；因此，用户可在针对第一页卡触发切换事件之后，即可透过第二页卡获知部分或全部内容，显然，本申请实施例间接的增加了用户界面的信息展示量，提高了用户界面的信息传达效率，为用户快速获得内容提供便利，减少了现有界面设计架构中存在的繁琐操作路径，符合现有多内容、去中心化的业务发展趋势。

进一步的，为了让用户能够更清楚的了解到当前第一页卡显示的内容的主题已切换，本申请实施例提供的技术方案，还可包括：

所述切换事件为所述主题切换事件时，在所述第二页卡和/或所述第一页卡上，显示表征从所述第一主题切换为所述第二主题的动画信息。

图4所示，第一页卡1上显示有多个分别表征不同主题的页面元素3。该页面元素3可以是文字、图案或符号等中的一种或多种的结合。或者，如图6所示的，第二页卡2上显示有多个分别表征不同主题的页面元素3。例如，图6中，表征不同主题的多个页面元素分别为文字：“推荐”、“趴间”、“头条”等。当然，第二页卡2上显示的用于表征主题的页面元素3也可采用如图案和/或符号等实现，本申请实施例对此不作具体限定。表征从第一主题切换为第二主题的动画信息可具体包括：

表征第一主题的页面元素淡出，表征所述第二主题的页面元素淡入；或者

表征第一主题的页面元素的亮度逐渐降低，表征所述第二主题的页面元素的亮度逐渐提高；或者

表征第一主题的页面元素的显示尺寸逐渐变小，表征所述第二主题的页面元素的显示尺寸逐渐变大；等等。

当用户对第二页卡显示的第二内容比较感兴趣时，用户可采用如下步骤来消费所述第二内容。即本实施例提供的所述方法还可包括：

106、响应于用户针对所述第一页卡触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

其中，移开所述第一页卡的方式可至少包含有如下两种方式：

方式一、隐藏所述第一页卡

方式二、最小化所述第一页卡。

上述方式二中最小化所述第一页卡的过程可简单理解为：显示第一页卡对应的最小化页面元素。例如，第一页卡对应的最小化图、符号(如箭头)、文字等等。

当然，上述第一页卡也可采用如下分步骤式的移开。例如，本申请实施例提供的所述方法，还可包括如下步骤：

107、监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，沿所述第二方向将所述第一页卡移动预设距离。

108、在所述第二页卡上，显示用于引导用户操作的第一提示信息。

109、监听到用户输入符合所述第一提示信息要求的操作时，触发所述移开事件。

如图7所示，监听到用户在所述第一页卡上触发的第二方向上的滑动操作(如下滑操作)，沿第二方向(即下滑方向)将所述第一页卡移动预设距离x。继续参见图7，在第二页卡2上显示有“下拉播放”的第一提示信息。如图8所示，监听到用户输入符合“下拉播放”要的操作时，触发移开事件，所述第一页卡隐藏。

进一步的，为了给用户快速获取内容提供便利，本申请实施例提供的所述方法，还可包括：

110、监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，在所述第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息。

111、监听到用户输入符合所述第一提示信息要求的操作时，隐藏所述第二提示信息。

参见图7，监听到用户在第一页卡上触发的第二方向上的滑动操作(如下滑操作)时，在沿所述第二方向将所述第一页卡移动预设距离x之后或过程中，在第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息(如图7中的“给喜欢EDC的你音乐人奈良美智的选择”)。如图8所示，监听到用户输入符合所述第一提示信息要求的操作时，在隐藏或最小化第一页卡之后或过程中，隐藏所述第二提示信息。

这里需要补充的是：本申请实施例提供的技术方案，用户不仅可以移开第一页卡以露出第二页卡被遮挡的区域，还可将第一页卡进行延展以增加第一页卡的显示区域面积，便于查看更多的信息。即，本申请实施例提供的所述方法，还可包括：

112、响应于用户针对所述第一页卡触发的延展事件，延展所述第一页卡以进一步遮挡所述第二页卡。

其中，所述延展事件可以是监听到用户在第一页卡上输入的上滑操作时被触发，或者是监听到用户发出针对所述第一页卡的延展语音时被触发，或者是监听到用户在第一页卡上触控了延展控件时被触发等等，本申请实施例对此不作具体限定。

图9示出了延展所述第一页卡1的示例。因第一页卡的可视区域有限，因此，用户可通过触发延展事件的方式实现第一页卡的延展，增加第一页卡的可视区域，这样用户可在可视区域内查看到获得更多的内容。

若用户想要第一页卡的可视区域大小恢复至默认大小，则可通过在第一页卡上输入下滑操作的方式，或者通过发出针对第一页卡的恢复语音的方式，或者通过触控恢复控件的方式等等。即，本申请实施例提供的技术方案还可包括：

113、响应于用户针对所述第一页卡触发的恢复事件，将所述第一页卡的设置方式恢复至默认设置。

基于上述实施例中提及的内容可知，第一页卡具有多种显示状态，如延展显示状态、默认显示状态、隐藏状态、最小化状态等等。若在具体实现时，隐藏或最小化第一页卡、以及将已延展第一页卡恢复至默认显示状态，均采用下滑手势，则本申请可根据第一页卡当前所处的状态作出相应的响应，即本申请实施例提供的技术方案，还包括：

114、监听到用户针对第一页卡的下滑操作时，获取所述第一页卡的状态信息。

115、若状态信息为延展显示状态，则将所述第一页卡的设置方式恢复至默认设置；若状态信息为默认显示状态，则隐藏所述第一页卡或最小化所述第一页卡。

图10示出了本申请另一实施例提供的一种内容显示方法的流程示意图。如图所示，本申请实施例提供的方法的执行主体可以是集成在终端上的一个具有嵌入式程序的硬件，也可以是安装在终端中的一个应用软件，还可以是嵌入在终端操作***中的工具软件等，本申请实施例对此不作限定。该终端可以为包括手机、平板电脑、PDA(PersonalDigital Assistant，个人数字助理)、POS(Point of Sales，销售终端)、车载电脑等任意终端设备。具体的，所述方法包括：

201、显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域。

202、所述第二页卡上，显示有第一内容。

203、响应于用户在所述第一页卡上触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

有关上述201和202的具体内容，可参见上述实施例，此处不再赘述。

上述203中，移开所述第二页卡的方式可至少包含有如下两种方式：方式一、隐藏所述第一页卡。方式二、最小化所述第一页卡。方式二中最小化所述第一页卡的过程可简单理解为：显示第一页卡对应的最小化页面元素。例如，第一页卡对应的最小化图、符号(如箭头)、文字等等。

当然，上述第一页卡也可采用如下分步骤式的移开。例如，本申请实施例提供的所述方法，还可包括如下步骤：

204、监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，沿所述第一方向将所述第一页卡移动预设距离。

205、在所述第二页卡上，显示用于引导用户操作的第一提示信息。

206、监听到用户输入符合所述第一提示信息要求的操作时，触发所述移开事件。

上述204～206可参见上述实施例中的相关内容，此处不再详述。

本申请实施例提供的技术方案，采用包含有第一页卡和第二页卡的用户界面设计方式，其中，第一页卡遮挡第二页卡的局部区域；第二页卡可为第一页卡透传其指定的内容，显然，本申请实施例间接的增加了用户界面的信息展示量，提高了用户界面的信息传达效率，为用户快速获得内容提供便利；另外，用户通过第二页卡快速获知部分内容后，仅需简单的操作即可直接消费第二页卡上的内容，用户操作简单，减少了现有界面设计架构中存在的繁琐操作路径，符合现有多内容、去中心化的业务发展趋势。

进一步的，本申请实施例提供的所述方法还可包括：

207、监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，在所述第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息；

208、监听到用户输入符合所述第一提示信息要求的操作时，隐藏所述第二提示信息。

其中，上述207和208可参见上述实施例中的相关内容，此处不再赘述。

进一步的，本申请实施例提供的所述方法还可包括：

209、响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

有关上述209的内容，可参见上述实施例中的相应内容，此处不再赘述。

进一步的，本申请实施例提供的所述方法还可包括：

210、响应于用户针对所述第一页卡触发的延展事件，延展所述第一页卡以进一步遮挡所述第二页卡。

有关上述210的内容，可参见上述实施例中的相应内容，此处不再赘述。

这里需要补充的是：上述各实施例中提及的第二页卡上显示的内容可包括图片、文字、视频中的任意一种或多种。所述第二页卡上显示的内容可由一层或多层图层构成。当第二页卡上显示的内容由两层或更多层图层构成，则每层图层的可以是图片、文字或视频等等。例如，第二页卡上显示的内容为由两层图片构成的内容；或者，第二页卡上显示的内容包括处于底层的视频和处于上层的文字等等。相应的，上述各实施例提供的方法还可包括如下步骤：

响应于用户针对所述第一页卡触发的切换事件，将第一内容中处于下层图层的图片、文字或视频更换为所述第二内容；

在更换下层图层的过程中，逐渐地隐藏所述第一内容中处于最上层图层的图片、文字或视频。

上述方式也可给用户呈现出表征切换事件已发生的视觉提示，这样用户可感知其触发的切换事件得到及时响应，用户体验更好。

在一种可具体的技术方案中，可沿第一方向(如用户界面长度反向或宽度方向)，并按照预设速度逐渐隐藏所述第一内容中处于最上层图层的图片、文字或视频；或者，由四周向一预设中心点逐渐缩小的方式隐藏所述第一内容中处于最上层图层的图片、文字或视频；等等，本申请实施例对此不作具体限定。

如图11a所示，第一内容包含第一图片31和第二图片32；例如，监听到用户在第一页卡上的向左滑动操作(即触发切换事件)，如图11b示出，第一图片更换为第二内容，即视频；同时逐渐地隐藏第二图片32；直至全部被隐藏，如图11c所示。

下面以音乐类APP应用场景为例，从用户操作的角度对本申请各实施例提供的技术方案做更进一步的说明，以帮助理解本方案。

用户进入APP后，终端的显示屏上为用户展现出如图11a所示的用户界面。该用户界面包括第一页卡1和第二页卡2，第一页卡1小于第二页卡2，第一页卡1遮挡第二页卡的局部区域。

用户在第一页卡1上做出向左滑动的触摸操作后，参见图11a至11c第一页卡1上显示的与第一主题相关的内容(如包括推荐歌单对应的页面元素、今日30首对应的页面元素、排行榜对应的页面元素等)切换与第二主题相关的内容(如明星会客室对应的页面元素等)。同时，在第二页卡上显示的主题“推荐”的字号由大变小，主题“趴间”的字号由小变大。

用户在如图11a所示的用户界面的第一页卡1上做出向下滑动的触摸操作后，第一页卡向下移动预设距离x(如图7所示)。第二页卡2上显示提示信息“下拉播放”。用户按照提示信息“下拉播放”操作后，第一页卡1隐藏，第二页卡2的全部内容露出(如图8所示)，用户即可在消费第二页卡2上的内容。如图8所示，第二页卡2上显示的内容为一具体歌曲的播放内容，包括：歌名、歌手名、听众评论等等。当然，第二页卡2上显示的内容还可以是歌单(如图5所示)、文字信息(如艺人简介信息，图12所示)等。

用户在如图11a所示的用户界面的第一页卡1上做出向上滑动的触摸操作后，如图9所示，延展第一页卡以进一步遮盖第二页卡。这样用户即可扩大第一页卡的可视区域，以查看更多的信息。

图13示出了本申请一实施例提供的内容显示装置的结构示意图。如图13所示，本装置包括：

显示模块301，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；

切换模块302，用于响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

本申请实施例提供的技术方案，采用包含有第一页卡和第二页卡的用户界面设计方式，其中，第一页卡遮挡第二页卡的局部区域；因此，用户可在针对第一页卡触发切换事件之后，即可透过第二页卡获知部分或全部内容，显然，本申请实施例间接的增加了用户界面的信息展示量，提高了用户界面的信息传达效率，为用户快速获得内容提供便利，减少了现有界面设计架构中存在的繁琐操作路径，符合现有多内容、去中心化的业务发展趋势。

进一步的，所述切换事件包括：内容切换事件和主题切换事件。相应的，所述装置，还包括：

维持模块，用于所述切换事件为所述内容切换事件时，维持所述第一页卡上显示的与第一主题相关的第三内容；

所述切换模块302，还用于所述切换事件为所述主题切换事件时，将所述第一页卡上显示的与第一主题相关的第三内容切换为与所述主题切换事件指向的第二主题相关的第四内容。

进一步的，所述装置还包括：第一触发模块。所述第一触发模块用于：

监听到用户在所述第一页卡上输入的针对所述第三内容的触控操作时，触发所述内容切换事件；

监听到用户在所述第一页卡上输入沿第一方向的滑动操作时，触发所述主题切换事件。

进一步的，所述显示模块301还用于：所述切换事件为所述主题切换事件时，在所述第二页卡和/或所述第一页卡上，显示表征从所述第一主题切换为所述第二主题的动画信息。

进一步的，所述装置还包括：移开模块，用于响应于用户针对所述第一页卡触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

进一步的，所述移开模块还用于隐藏所述第一页卡；或者最小化所述第一页卡。

进一步的，所述装置还包括：

移动模块，用于监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，沿所述第一方向将所述第一页卡移动预设距离；

所述显示模块，还用于在所述第二页卡上，显示用于引导用户操作的第一提示信息；

第二触发模块，用于监听到用户输入符合所述第一提示信息要求的操作时，触发所述移开事件。

进一步的，所述装置还包括：

所述显示模块，还用于监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，在所述第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息；

隐藏模块，用于监听到用户输入符合所述第一提示信息要求的操作时，隐藏所述第二提示信息。

进一步的，所述装置还包括：延展模块，用于响应于用户针对所述第一页卡触发的延展事件，延展所述第一页卡以进一步遮挡所述第二页卡。

进一步的，本实施例中提及的所述第二页卡上显示的内容包括：图片、文字、视频中的任意一种或多种的组合。

进一步的，所述切换模块302还用于：响应于用户针对所述第一页卡触发的切换事件，从服务端获取与所述切换事件关联的内容集；根据所述第二页卡的页卡标识，从所述内容集中提取所述第二内容；将所述第二页卡上显示的所述第一内容，切换为所述第二内容。

这里需要说明的是：上述实施例提供的内容显示装置可实现上述各方法实施例中描述的技术方案，上述各模块或单元具体实现的原理可参见上述各方法实施例中的相应内容，此处不再赘述。

图14示出了本申请另一实施例提供的内容显示装置的结构示意图。如图14所示，所述装置包括：

显示模块401，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；

移开模块402，用于响应于用户在所述第一页卡上触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

本申请实施例提供的技术方案，采用包含有第一页卡和第二页卡的用户界面设计方式，其中，第一页卡遮挡第二页卡的局部区域；第二页卡可为第一页卡透传其指定的内容，显然，本申请实施例间接的增加了用户界面的信息展示量，提高了用户界面的信息传达效率，为用户快速获得内容提供便利；另外，用户通过第二页卡快速获知部分内容后，仅需简单的操作即可直接消费第二页卡上的内容，用户操作简单，减少了现有界面设计架构中存在的繁琐操作路径，符合现有多内容、去中心化的业务发展趋势。

进一步的，所述移开模块402还用于：隐藏所述第一页卡；或者最小化所述第一页卡。

进一步的，所述装置还包括：

移动模块，用于监听到用户在所述第一页卡上触发的第一方向上的滑动操作时，沿所述第一方向将所述第一页卡移动预设距离；

所述显示模块401，还用于在所述第二页卡上，显示用于引导用户操作的第一提示信息；

第一触发模块，用于监听到用户输入符合所述第一提示信息要求的操作时，触发所述移开事件。

进一步的，所述装置还包括：

所述显示模块401，还用于监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，在所述第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息；

隐藏模块，用于监听到用户输入符合所述第一提示信息要求的操作时，隐藏所述第二提示信息。

进一步的，所述装置还包括：

切换模块，用于响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

进一步的，所述切换事件包括：内容切换事件和主题切换事件。相应的，所述装置还包括：

维持模块，用于所述切换事件为所述内容切换事件时，维持所述第一页卡上显示的与第一主题相关的第三内容；

所述切换模块，还用于所述切换事件为所述主题切换事件时，将所述第一页卡上显示的与第一主题相关的第三内容切换为与所述主题切换事件指向的第二主题相关的第四内容。

进一步的，所述装置还包括：第二触发模块。所述第二触发模块用于：

监听到用户在所述第一页卡上输入的针对所述第三内容的触控操作时，触发所述内容切换事件；

监听到用户在所述第一页卡上输入沿第二方向的滑动操作时，触发所述主题切换事件。

进一步的，所述显示模块401还用于：

所述切换事件为所述主题切换事件时，在所述第二页卡和/或所述第一页卡上，显示表征从所述第一主题切换为所述第二主题的动画信息。

进一步的，所述切换模块还用于：

响应于用户针对所述第一页卡触发的切换事件，从服务端获取与所述切换事件关联的内容集；

根据所述第二页卡的页卡标识，从所述内容集中提取所述第二内容；

将所述第二页卡上显示的所述第一内容，切换为所述第二内容。

进一步的，所述装置还包括：

延展模块，用于响应于用户针对所述第一页卡触发的延展事件，延展所述第一页卡以进一步遮挡所述第二页卡。

其中，本实施例中提及的所述第二页卡上显示的内容包括：图片、文字、视频中的任意一种或多种的组合。

这里需要说明的是：上述实施例提供的内容显示装置可实现上述各方法实施例中描述的技术方案，上述各模块或单元具体实现的原理可参见上述各方法实施例中的相应内容，此处不再赘述。

图15示出了本申请一实施例提供的电子设备的结构示意图。该电子设备包括：第一显示器504、第一存储器501及第一处理器502，其中，

第一存储器501，用于存储计算机程序。除此之外，第一存储器501，还被配置为存储其它各种数据以支持在服务端设备上的操作。这些数据的示例包括用于在服务端设备上操作的任何应用程序或方法的指令，消息，图片，视频等。

第一存储器501可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

所述第一处理器502分别与所述第一存储器501和所述第一显示器504耦合。

所述第一显示器504，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；

所述第一存储器501，用于存储界面显示控制程序；

所述第一处理器502，用于按照所述界面显示控制程序，控制所述显示器实现：

响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

其中，第一处理器502在执行第一存储器501中的程序时，除了上面的功能之外，还可实现其它功能，具体可参见前面各实施例的描述。

进一步，如图15所示，电子设备还可包括：第一通信组件503、第一电源组件505、第一音频组件506等其它组件。图15中仅示意性给出部分组件，并不意味着电子设备只包括图15所示组件。

相应地，本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，所述计算机程序被计算机执行时能够实现上述各实施例中的内容显示方法步骤或功能。

图16示出了本申请另一实施例提供的电子设备的结构示意图。该电子设备，包括：第二显示器604、第二存储器601及第二处理器602，其中，

所述第二存储器601，用于存储程序。除此之外，第二存储器601，还被配置为存储其它各种数据以支持在终端设备上的操作。这些数据的示例包括用于在终端设备上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。

第二存储器601可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

所述第二处理器602分别与所述第二存储器601和所述第二显示器604耦合。

所述第二显示器604，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；

所述第二存储器601，用于存储界面显示控制程序；

所述第二处理器602，用于按照所述界面显示控制程序，控制所述显示器实现：

响应于用户在所述第一页卡上触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

其中，第二处理器602在执行第一存储器601中的程序时，除了上面的功能之外，还可实现其它功能，具体可参见前面各实施例的描述。

进一步，如图16所示，电子设备还可包括：第二通信组件603、第二电源组件605、第二音频组件606等其它组件。图15中仅示意性给出部分组件，并不意味着电子设备只包括图15所示组件。

相应地，本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，所述计算机程序被计算机执行时能够实现上述各实施例中的内容显示方法步骤或功能。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (20)

1.一种内容显示方法，其特征在于，包括：

显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第一页卡上显示有与第一主题相关的第三内容；

所述第二页卡上，显示有第一内容；

响应于用户在所述第一页卡上输入针对与第一主题相关的第三内容的触控操作后触发的内容切换事件，维持所述第一页卡上显示的与所述第一主题相关的第三内容；所述第二页卡上联动地切换显示为与所述内容切换事件关联的第二内容。

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

响应于用户在所述第一页卡上输入沿第一方向的滑动操作后触发的主题切换事件，将所述第一页卡上显示的与所述第一主题相关的第三内容切换为与所述主题切换事件指向的第二主题相关的第四内容，所述第二页卡上联动地切换显示为与所述主题切换事件关联的第五内容。

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

响应于用户在所述第一页卡上输入沿第一方向的滑动操作后触发的主题切换事件，在所述第二页卡和/或所述第一页卡上，显示表征从所述第一主题切换为所述第二主题的动画信息。

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

响应于用户针对所述第一页卡触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

5.根据权利要求4所述的方法，其特征在于，移开所述第一页卡，包括：

隐藏所述第一页卡；或者

最小化所述第一页卡。

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

监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，沿所述第二方向将所述第一页卡移动预设距离；

在所述第二页卡上，显示用于引导用户操作的第一提示信息；

监听到用户输入符合所述第一提示信息要求的操作时，触发所述移开事件。

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

监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，在所述第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息；

监听到用户输入符合所述第一提示信息要求的操作时，隐藏所述第二提示信息。

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

响应于用户针对所述第一页卡触发的延展事件，延展所述第一页卡以进一步遮挡所述第二页卡。

9.根据权利要求1至3中任一项所述的方法，其特征在于，所述第二页卡上显示的内容包括：图片、文字、视频中的任意一种或多种的组合。

10.根据权利要求1至3中任一项所述的方法，其特征在于所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容，包括：

响应于用户针对所述第一页卡触发的切换事件，从服务端获取与所述切换事件关联的内容集；

根据所述第二页卡的页卡标识，从所述内容集中提取所述第二内容或第五内容；

将所述第二页卡上显示的所述第一内容，切换为所述第二内容或第五内容。

11.一种内容显示方法，其特征在于，包括：

显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；

所述第二页卡上，显示有第一内容；

响应于用户在所述第一页卡上输入沿第一方向的滑动操作后触发的主题切换事件，将所述第一页卡上显示的与第一主题相关的第三内容切换为与所述主题切换事件指向的第二主题相关的第四内容，所述第二页卡上联动地切换显示为与所述主题切换事件关联的第二内容。

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

响应于用户在所述第一页卡上触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。

13.根据权利要求12所述的方法，其特征在于，移开所述第一页卡，包括：

隐藏所述第一页卡；或者

最小化所述第一页卡。

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

监听到用户在所述第一页卡上触发的第一方向上的滑动操作时，沿所述第一方向将所述第一页卡移动预设距离；

在所述第二页卡上，显示用于引导用户操作的第一提示信息；

监听到用户输入符合所述第一提示信息要求的操作时，触发所述移开事件。

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

监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，在所述第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息；

监听到用户输入符合所述第一提示信息要求的操作时，隐藏所述第二提示信息。

16.根据权利要求11所述的方法，其特征在于，所述响应于用户在所述第一页卡上输入沿第一方向的滑动操作后触发的主题切换事件，所述第二页卡上联动地切换显示为与所述主题切换事件关联的第二内容，包括：

响应于用户在所述第一页卡上输入沿第一方向的滑动操作后触发的主题切换事件，从服务端获取与所述主题切换事件关联的内容集；

根据所述第二页卡的页卡标识，从所述内容集中提取所述第二内容；

将所述第二页卡上显示的所述第一内容，切换为所述第二内容。

17.根据权利要求11至16中任一项所述的方法，其特征在于，还包括：

响应于用户针对所述第一页卡触发的延展事件，延展所述第一页卡以进一步遮挡所述第二页卡。

18.根据权利要求11至16中任一项所述的方法，其特征在于，所述第二页卡上显示的内容包括：图片、文字、视频中的任意一种或多种的组合。

19.一种电子设备，其特征在于，包括：第一显示器、第一存储器及第一处理器，其中，

所述第一显示器，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第一页卡上显示有与第一主题相关的第三内容；所述第二页卡上，显示有第一内容；

所述第一存储器，用于存储界面显示控制程序；

所述第一处理器，用于按照所述界面显示控制程序，控制所述显示器实现：

响应于用户针对所述第一页卡上输入针对与第一主题相关的第三内容触发的内容切换事件，维持所述第一页卡上显示的与所述第一主题相关的第三内容；所述第二页卡上联动地切换显示为与所述内容切换事件关联的第二内容。

20.一种电子设备，其特征在于，包括：第二显示器、第二存储器及第二处理器，其中，

所述第二显示器，用于显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；

所述第二存储器，用于存储界面显示控制程序；

所述第二处理器，用于按照所述界面显示控制程序，控制所述显示器实现：

响应于用户在所述第一页卡上输入沿第一方向的滑动操作后触发的主题切换事件，将所述第一页卡上显示的与第一主题相关的第三内容切换为与所述主题切换事件指向的第二主题相关的第四内容，所述第二页卡上联动地切换显示为与所述主题切换事件关联的第二内容。

Images