内容显示方法及电子设备技术

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

Content Display Method and Electronic Equipment

【技术实现步骤摘要】
内容显示方法及电子设备
本申请涉及计算机
，尤其涉及一种内容显示方法及电子设备。
技术介绍
现有技术中，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(PersonalDigitalAssistant，个人数字助理)、POS(PointofSales，销售终端)、车载电脑等任意终端设备。具体的，本实施例提供的所述方法，包括：101、显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域。102、所述第二页卡上，显示有第一内容。103、响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。在一种具体实施方式中，上述101中的第一页卡1和第二页卡1可采用图4和图5所示的方式部分层叠遮挡。其中，所述第一页卡的尺寸可小于第二页卡的尺寸；或者，第一页卡的尺寸与第二页卡的尺寸相等，第一页卡上的部分区域为透明区域，另一部分区域为非透明区域，第一页卡上的非透明区域遮挡所述第二页卡的局部区域。上述102中，第二页卡上显示的第一内容与所述第一页卡上显示的内容本文档来自技高网...

【技术保护点】
1.一种内容显示方法，其特征在于，包括：显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。

【技术特征摘要】
1.一种内容显示方法，其特征在于，包括：显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容。2.根据权利要求1所述的方法，其特征在于，所述切换事件包括：内容切换事件和主题切换事件；以及所述方法，还包括：所述切换事件为所述内容切换事件时，维持所述第一页卡上显示的与第一主题相关的第三内容；所述切换事件为所述主题切换事件时，将所述第一页卡上显示的与第一主题相关的第三内容切换为与所述主题切换事件指向的第二主题相关的第四内容。3.根据权利要求2所述的方法，其特征在于，还包括：监听到用户在所述第一页卡上输入的针对所述第三内容的触控操作时，触发所述内容切换事件；监听到用户在所述第一页卡上输入沿第一方向的滑动操作时，触发所述主题切换事件。4.根据权利要求2所述的方法，其特征在于，还包括：所述切换事件为所述主题切换事件时，在所述第二页卡和/或所述第一页卡上，显示表征从所述第一主题切换为所述第二主题的动画信息。5.根据权利要求1至4中任一项所述的方法，其特征在于，还包括：响应于用户针对所述第一页卡触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。6.根据权利要求5所述的方法，其特征在于，移开所述第二页卡，包括：隐藏所述第一页卡；或者最小化所述第一页卡。7.根据权利要求5所述的方法，其特征在于，还包括：监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，沿所述第一方向将所述第一页卡移动预设距离；在所述第二页卡上，显示用于引导用户操作的第一提示信息；监听到用户输入符合所述第一提示信息要求的操作时，触发所述移开事件。8.根据权利要求7所述的方法，其特征在于，还包括：监听到用户在所述第一页卡上触发的第二方向上的滑动操作时，在所述第二页卡上显示与所述第二页卡上显示内容有关的第二提示信息；监听到用户输入符合所述第一提示信息要求的操作时，隐藏所述第二提示信息。9.根据权利要求1至4中任一项所述的方法，其特征在于，还包括：响应于用户针对所述第一页卡触发的延展事件，延展所述第一页卡以进一步遮挡所述第二页卡。10.根据权利要求1至4中任一项所述的方法，其特征在于，所述第二页卡上显示的内容包括：图片、文字、视频中的任意一种或多种的组合。11.根据权利要求1至4中任一项所述的方法，其特征在于，所述响应于用户针对所述第一页卡触发的切换事件，所述第二页卡上联动地切换显示为与所述切换事件关联的第二内容，包括：响应于用户针对所述第一页卡触发的切换事件，从服务端获取与所述切换事件关联的内容集；根据所述第二页卡的页卡标识，从所述内容集中提取所述第二内容；将所述第二页卡上显示的所述第一内容，切换为所述第二内容。12.一种内容显示方法，其特征在于，包括：显示用户界面，所述用户界面包括第一页卡和第二页卡，所述第一页卡遮挡所述第二页卡的局部区域；所述第二页卡上，显示有第一内容；响应于用户在所述第一页卡上触发的移开事件，移开所述第一页卡以露出所述第二页卡上被遮挡区域。13.根据权利要求12所述的方法，其特征在于，移开所述第一页卡，包括：隐藏所述第一页卡；或者最小化所述第一页卡。14.根据权利要求12所述的方法，其特征在于，还包括：监听到用户在所述第一页...

【专利技术属性】
技术研发人员：张启晟，张宏吉，夏东翔，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY