CN114115649B

CN114115649B - 书籍详情展示方法、电子设备及存储介质

Info

Publication number: CN114115649B
Application number: CN202111392989.1A
Authority: CN
Inventors: 田子瑶; 马新利
Original assignee: Zhangyue Technology Co Ltd
Current assignee: Zhangyue Technology Co Ltd
Priority date: 2021-11-23
Filing date: 2021-11-23
Publication date: 2024-06-07
Anticipated expiration: 2041-11-23
Also published as: CN114115649A

Abstract

本发明涉及一种书籍详情展示方法、电子设备及存储介质。其中，书籍详情展示方法包括：展示目标书籍的详情页面，详情页面支持上下滚动；接收用户对详情页面中目标子区域的水平滚动操作，目标子区域包括至少两个标签的内容，其中，不同标签的内容具有不同的长度；在水平方向滚动展示目标子区域中的至少两个标签及其内容。本发明针对书籍的详情页面中子区域中的不同长度的标签及其内容，在接收到水平滚动操作之后可以在水平方向滚动切换展示不同的标签及其内容，多维度扩展了滑动操作的作用范围，使得小的区域也可以进行滚动切换展示，提升书籍详情页面的展示效果，进而提升了用户的体验效果。

Description

书籍详情展示方法、电子设备及存储介质

技术领域

本公开涉及电子设备技术领域，尤其涉及一种书籍详情展示方法、电子设备及存储介质。

背景技术

用户在阅读应用程序中从多个电子书中查找感兴趣的电子书时，一般可以通过浏览书籍的详情页面对书籍的相关内容有初步的了解，进而确定是否阅读该书籍。

目前，由于书籍的详情页面通常展示的内容较多，用户想要了解更多内容时可以通过滑动操作来实现更多内容的展示，但是相关技术中，滚动操作的作用范围具有局限性，有的较复杂区域不能实现滚动展示，导致详情页面的展示效果较差，信息量低，进而导致用户的体验效果不佳。

发明内容

为了解决上述至少一个技术问题，本公开提供了一种书籍详情展示方法、电子设备及存储介质。

第一方面，本公开实施例提供了一种书籍详情展示方法，包括：

展示目标书籍的详情页面，所述详情页面支持上下滚动；

接收用户对所述详情页面中目标子区域的水平滚动操作，所述目标子区域包括至少两个标签的内容，其中，不同标签的内容具有不同的长度；

在水平方向滚动展示所述目标子区域中的至少两个标签及其内容；

所述详情页面通过第一视图层设置，所述目标子区域为所述详情页面中封面展示区域的支持水平方向滚动的子区域，所述封面展示区域通过第二视图层设置，所述目标子区域通过第三视图层设置，所述不同标签的内容通过不同子视图层设置，所述子视图层嵌套入所述第三视图层。

第二方面，本公开实施例提供了一种电子设备，包括：

处理器；

存储器，用于存储可执行指令；

其中，处理器用于从存储器中读取可执行指令，并执行可执行指令以执行以下操作：

展示目标书籍的详情页面，所述详情页面支持上下滚动；

第三方面，本公开实施例提供了一种计算机可读存储介质，该存储介质存储有计算机程序，当计算机程序被处理器执行时，使得处理器实现第一方面的书籍详情展示方法。

上述技术方案中的一个技术方案具有如下优点或有益效果：

依据本公开实施例的书籍详情展示方法、电子设备及存储介质，能够展示目标书籍的详情页面，详情页面支持上下滚动；接收用户对详情页面中目标子区域的水平滚动操作，目标子区域包括至少两个标签的内容，其中，不同标签的内容具有不同的长度；在水平方向滚动展示目标子区域中的至少两个标签及其内容；详情页面通过第一视图层设置，目标子区域为详情页面中封面展示区域的支持水平方向滚动的子区域，封面展示区域通过第二视图层设置，目标子区域通过第三视图层设置，不同标签的内容通过不同子视图层设置，子视图层嵌套入第三视图层。本公开实施例针对书籍的详情页面中子区域中的不同长度的标签及其内容，在接收到水平滚动操作之后可以在水平方向滚动切换展示不同的标签及其内容，多维度扩展了滚动操作的作用范围，使得小的区域也可以进行滚动切换展示，提升书籍详情页面的展示效果，进而提升了用户的体验效果。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

图1为本公开实施例提供的一种书籍详情展示方法的流程示意图；

图2为本公开实施例提供的一种详情页面的示意图；

图3为本公开实施例提供的另一种详情页面的示意图；

图4为本公开实施例提供的又一种详情页面的示意图；

图5为本公开实施例提供的一种视图层的架构示意图；

图6为本公开实施例提供的另一种书籍详情展示方法的流程示意图；

图7为本公开实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

为了解决书籍详情页面的展示效果较差的问题，本公开实施例提供了一种书籍详情展示方法，下面结合具体的实施例对该方法进行介绍。

图1为本公开实施例提供的一种书籍详情展示方法的流程示意图，该方法可以由书籍详情展示装置执行，其中该装置可以采用软件和/或硬件实现，一般可集成在电子设备中。如图1所示，该方法包括：

步骤101、展示目标书籍的详情页面，详情页面支持上下滚动。

其中，目标书籍可以是任意一个书籍，具体不限。详情页面可以是用于展示书籍的相关信息的一个页面，一个详情页面对应一个书籍。详情页面可以通过一个支持上下滚动的视图层设置，能够响应用户的上下滚动操作而实现上下滚动展示。

本公开实施例中的详情页面可以包括封面展示区域和信息展示区域，信息展示区域中包括至少两个子区域。封面展示区域可以是用于展示书籍的封面图像的区域，信息展示区域可以是用于展示书籍的其他相关信息的区域，信息展示区域中可以设置多个子区域，分别用于展示不同类型的信息，例如可以通过各子区域分别展示书籍的名称、简介、章节、标签和评价等信息。

在本公开实施例中，客户端在接收到用户的详情展示触发操作之后，可以在展示界面上展示详情展示触发操作对应的目标书籍的详情页面，或者，还可以在展示界面上展示目标书籍的详情页面，以及目标书籍的上一书籍和/或下一书籍的封面展示区域的部分区域，也即在展示目标书籍的详情页面时还可以展示上一书籍和/或下一书籍的部分封面图像，以使用户浏览到更多内容。上述详情展示触发操作可以是在书籍列表页面中对当前书籍的手势触发操作、语音控制操作等，具体不限。

示例性的，图2为本公开实施例提供的一种详情页面的示意图，如图2所示，图中展示了一个包括详情页面的展示界面200的示意图，图中展示了书籍A的详情页面、上一书籍和下一书籍的封面展示区域的部分区域，书籍A的详情页面中包括书籍A的封面展示区域201和信息展示区域202，封面展示区域201展示了书籍A的封面图像，信息展示区域202中展示了书籍A的名称、章节、标签、评论、预览和推荐等信息，在封面展示区域201左边展示了上一书籍的部分封面展示区域203，在封面展示区域201的右边展示了下一书籍的部分封面展示区域204。

步骤102、接收用户对详情页面中目标子区域的水平滚动操作，目标子区域包括至少两个标签的内容，其中，不同标签的内容具有不同的长度。

其中，目标子区域可以为详情页面中信息展示区域的支持水平方向滚动的子区域。水平滚动操作可以是用户的手势控制操作的一种，可以是水平方向的滚动操作，可以包括向左滚动和向右滚动。目标子区域中可以包括至少两个标签以及每个标签对应的内容，标签可以是对书籍的某个相关的内容进行提炼的标题，例如标签可以包括预览和推荐等，预览对应的内容即为目标书籍的预览内容，推荐对应的内容即为目标书籍的相关推荐书籍。不同标签对应的内容具有不同的长度，也即不同标签的内容长短不同，例如预览下的内容长度可以小于推荐下的内容。

具体的，客户端在展示展示目标书籍的详情页面之后，可以检测用户的触发操作，接收用户对其中目标子区域的水平滚动操作。参见图2，图中在目标子区域205中的手势表征用户的水平滚动操作，双向箭头表征水平滚动操作包括向左滚动和向右滚动。

步骤103、在水平方向滚动展示目标子区域中的至少两个标签及其内容。

在本公开实施例中，在水平方向滚动展示目标子区域中的至少两个标签及其内容，可以包括：当基于第三视图层，在水平方向将当前标签及其内容切换为水平滚动操作的滚动方向对应的下一标签及其内容进行展示；其中，当操作系统为IOS系统，第三视图层基于预先封装的分段视图控件设置；当操作系统为安卓系统，第三视图层基于页面切换视图设置。

其中，分段视图控件可以是本公开实施例自定义的一个视图控件，在IOS系统中，分段视图控件可以基于JX Segmented View设置，通过在JX Segmented View中封装一个Kit segmentted view来实现对目标子区域中不同标签及其内容的滚动切换逻辑。通过这种方式，保证不同标签内容的相对独立性，从而使得整个标签区域既可以跟随详情页面上下滚动也可以相对独立的水平滚动，即使标签内容长度不相同。

由于水平滚动操作的滚动方向可以包括向左滚动和向右滚动，客户端在接收到目标子区域的水平滚动操作之后，可以先确定滚动方向，之后基于该滚动方向在水平方向通过分段视图控件，将目标子区域中当前标签切换为滚动方向对应的下一标签，并且同时当前标签的内容滚动切换为滚动方向对应的下一标签的内容。

可选的，在安卓系统中，目标子区域可以通过第三视图层设置，第三视图层嵌套入信息展示区域的第二视图层中，第二视图层嵌套入详情页面的第一视图层，第三视图层可以通过FrameLayout及支持水平方向滚动的页面切换视图设置，页面切换视图可以为自定义的ViewPager2，通过ViewPager2也可以实现在水平方向将当前标签及其内容切换为水平滚动操作的滚动方向对应的下一标签及其内容进行展示。从而通过以上方式，也可保持不同标签内容的相对独立性，从而使得整个标签区域既可以跟随详情页面上下滚动也可以相对独立的水平滚动，特别是标签内容长度不相同的情况下也可以实现该功能。

示例性的，图3为本公开实施例提供的另一种详情页面的示意图，如图3所示，图中展示了一个包括目标子区域301的详情页面300，通过对图2中的包括详情页面的展示界面200向上滚动可以展示该详情页面300，该详情页面300中仅展示了书籍A的名称以及目标子区域301，该目标子区域301支持水平方向滚动，并且包括图中两个标签预览和推荐，目标子区域301中正在展示标签预览的内容。并且图中下方的手势表示水平滚动操作，向左的箭头表示向左滚动。

示例性的，图4为本公开实施例提供的又一种详情页面的示意图，如图所示，图中展示了包括目标子区域401的详情页面400，当用户在图3中的目标子区域301进行向左滚动，即可切换得到图4中的目标子区域401，不同的目标子区域401中将原来的标签预览切换展示为标签推荐，并将预览的内容切换为推荐的内容，具体如图中书籍C、书籍D和书籍F等书籍的封面和相关信息。

在一些实施例中，在展示目标书籍的详情页面之后，书籍详情展示方法还可以包括：接收用户对目标子区域中的目标标签的切换触发操作；将当前标签及其内容切换为目标标签及其内容进行展示。

其中，目标标签可以是即将进行切换展示的标签。切换触发操作可以包括用户对目标标签的手势控制操作、语音控制操作和表情控制操作等，具体不限，例如切换触发操作可以是手势控制操作中的点击或双击。

具体的，客户端在展示目标书籍的详情页面之后，当接收到用户对目标子区域中的切换触发操作之后，可以将当前标签切换展示为目标标签，并将当前标签的内容切换展示为目标标签的内容，具体切换展示的方式不限，例如可以先关闭再打开。

示例性的，参见图3和图4，当用户对推荐的标签进行切换触发操作之后，也可以展示图4中的目标子区域401，将原来的标签预览切换展示为标签推荐，并将预览的内容切换为推荐的内容。

上述方案中，用户不仅可以通过水平滚动操作实现不同标签及其内容的滚动切换展示，还可以通过切换触发操作实现不同标签及其内容的直接切换展示，切换展示的方式多样，进一步提升了切换展示的效果。

依据本公开实施例的书籍详情展示方法，能够展示目标书籍的详情页面，详情页面支持上下滚动；接收用户对详情页面中目标子区域的水平滚动操作，目标子区域包括至少两个标签的内容，不同标签的内容具有不同的长度；在水平方向滚动展示目标子区域中的至少两个标签及其内容。本公开实施例针对书籍的详情页面中子区域中的不同长度的标签及其内容，在接收到水平滚动操作之后可以在水平方向滚动切换展示不同的标签及其内容，扩展了滑动操作的作用范围，使得小的区域也可以进行滚动切换展示，提升书籍详情页面的展示效果，进而提升了用户的体验效果。

在本公开实施例中，详情页面通过第一视图层设置，封面展示区域和信息展示区域通过第二视图层设置，子区域通过第三视图层设置，不同标签的内容通过不同子视图层设置，子视图层嵌套入第三视图层。

其中，视图层也即视图(View)，视图是一个矩形区域，它负责这个区域里的绘制和事件处理，针对操作操作为安卓系统、IOS系统等系统中均可以通过视图来设置用户界面。

第一视图层可以是详情页面的最外部的视图层，该第一视图层控制范围为整个详情页面。第二视图层可以是嵌套在第一视图层中的子视图层，封面展示区域和信息展示区域可以设置在一个第二视图层中，或者封面展示区域和信息展示区域可以分别通过两个第二视图层进行设置。第三视图层可以嵌套在信息展示区域对应的第二视图层中，对应信息展示区域中的子区域。标签的内容通过独立的嵌套入第三视图层的子视图层设置。

图5为本公开实施例提供的一种视图层的架构示意图，如图5所示，图中展示了一个详情页面的视图层的架构，第一视图层在最外层，支持竖直方向的滚动；第二视图层嵌套入第一视图层中，第二视图层支持水平方向的滑动和竖直方向的滚动；第三视图层嵌套入信息展示区域中的第二视图层中，分别对应不同的子区域，如图中书籍信息、标签、章节和评论可以设置为一种类型的第三视图层，不支持水平方向的滑动，而预览和推荐可以设置为支持水平方向的滑动的第三视图层，并且预览和推荐内部还分别通过第三视图层的两个独立的支持竖直方向的滚动的子视图层设置。

如图5中的视图层架构，在不同的操作系统中，视图层的技术实现不同，本公开实施例通过安卓系统和IOS系统为例进行说明。

当操作系统为IOS系统，详情页面的最外层的第一视图层可以通过IOS系统中支持竖直方向的滚动自定义CoverPageView设置，该CoverPageView基于UIScrollView设置。第一视图层中可以嵌套上下两个第二视图层，上面的第二视图层对应封面展示区域，可以通过自定义CoverView设置，CoverView包括UICollectionView和自定义CoverFlowViewLayout，支持水平方向的滑动，同时可以检测滑动距离为与下方的第二视图层的联动做准备。下面的第二视图层对应信息展示区域，可以通过支持水平方向滚动的自定义PagingView和支持竖直方向滚动的自定义BookDetailView设置，PagingView也可以包括上述UICollectionView，也即信息展示区域与封面展示区域的UI格式相同，BookDetailView可以包括IGList。第三视图层嵌套入第二视图层，对应信息展示区域中的每个子区域，针对不包括标签及其内容的第三视图层可以通过自定义的支持水平方向滚动的BookinfoView设置，针对包括标签及其内容的第三视图层可以通过支持水平方向滚动的自定义的JX Segmented View设置，并且该第三视图层内部还设置两个独立的支持竖直方向滚动的子视图层，每个子视图层单独支持竖直方向的滚动。

当操作系统为安卓系统，详情页面的最外层的第一视图层可以通过安卓系统中的帧布局(FrameLayout)设置，详情页面的主显示区域通过CoordinatorLayout设置，CoordinatorLayout相当于一个加强版的FrameLayout，可以控制子视图层的交互行为。第一视图层中可以嵌套上下两个第二视图层，上面的第二视图层对应工具栏和封面展示区域，工具栏可以通过AppBarLayout设置，AppBarLayout用于赋予工具栏(Toolbar)的滚动行为，封面展示区域可以通过支持水平方向的滑动的ViewPager2设置，AppBarLayout可以跟随ViewPager2进行水平方向的滑动。下面的第二视图层对应信息展示区域，可以通过另一个支持水平方向的滑动的ViewPager2设置，ViewPager2内部设置Fragment，Fragment内部可以设置支持竖直方向滚动的NestedScrollView，使得信息展示区域可以在竖直方向滚动。第三视图层嵌套入第二视图层，对应信息展示区域中的每个子区域，针对支持水平方向滚动的第三视图层可以通过自定义的RecyclerView设置，可以展示该子区域更多内容，例如评论；针对支持水平方向滚动的第三视图层可以通过FrameLayout及ViewPager2设置，如图4中的预览和推荐对应的第三视图层，并且该第三视图层内部还设置两个独立的子视图层，子视图层可以通过上述自定义的RecyclerView设置，支持竖直方向的滚动。

基于上述安卓系统或IOS系统的视图层的架构，在实现本公开实施例的书籍详情展示方法时，可以通过禁止视图层的一个属性、设置视图层的监听事件或者视图层的响应顺序等方式实现具体的逻辑。

示例性的，图6为本公开实施例提供的另一种书籍详情展示方法的流程示意图，如图6所示，在一种可行的实施方式中，在展示目标书籍的详情页面之后，书籍详情展示方法还可以包括如下步骤：

步骤601、接收用户对目标子区域的上下滚动操作。

其中，上下滚动操作可以是相对于水平方向而言在竖直方向上的滚动操作，具体方向可以包括向上滚动和向下滚动。

步骤602、检测上下滚动操作的滚动距离。

其中，滚动距离可以是目标子区域中的内容在上下滚动操作的作用下的实时移动距离。

在本公开实施例中，检测上下滚动操作的滚动距离，可以包括：采用键值监听模块检测上下滚动操作的滚动距离。

其中，键值监听(Key-Value Observer，KVO)模块可以是IOS系统中用于监听移动距离的功能模块。本公开实施例中可以通过该键值监听模块监听上下滚动操作的滚动距离，能够有效避免相关技术中当标签到达展示界面顶部时的抖动问题，减少对用户视觉的影响和不良体验。

步骤603、根据上下滚动操作的滚动方向与滚动距离，滚动展示详情页面。

在一种实施方式中，根据上下滚动操作的滚动方向与滚动距离，滚动展示详情页面，可以包括：当上下滚动操作的滚动方向为向上滚动，则向上滚动展示详情页面，直到根据滚动距离确定目标子区域的标签区域到达预设展示位置时停止滚动详情页面；继续向上滚动展示目标子区域中的当前标签的内容。

可选的，根据滚动距离确定目标子区域的标签区域到达预设展示位置，包括：当滚动距离达到详情页面的最大向上滚动距离，则确定目标子区域的标签区域到达预设展示位置。

其中，预设展示位置可以是展示界面中的一个位置，具体可以根据实际情况设置，例如预设展示位置可以为展示界面的顶端区域。最大向上滚动距离可以是预先为详情页面设置的在竖直方向滚动的滚动距离的最大阈值。标签区域可以展示目标子区域中的标签的区域，标签区域中包括至少两个标签。当目标子区域的标签区域到达预设展示位置时，禁止标签区域上下滚动，也即此时标签区域是固定在预设展示位置展示的，不再跟随标签的内容的上下滚动而滚动。

具体的，客户端在检测上下滚动操作的滚动距离之后，当上下滚动操作的滚动方向为向上滚动，则视图层的响应顺序从第一视图层到第三视图层，可以先向上滚动展示详情页面，并判断滚动是否达到详情页面的最大向上滚动距离，若是，则确定目标子区域的标签区域到达预设展示位置，详情页面不能再继续滚动，停止滚动详情页面，之后可以继续向上滚动展示目标子区域中的当前标签的内容。

在另一种实施方式中，根据上下滚动操作的滚动方向与滚动距离，滚动展示详情页面，可以包括：当上下滚动操作的滚动方向为向下滚动，则向下滚动目标子区域中的当前标签的内容，直到根据滚动距离确定当前标签的内容不能再向下滚动时停止滚动当前标签的内容；继续向下滚动展示详情页面。

可选的，根据滚动距离确定当前标签的内容不能再向下滚动，包括：当滚动距离达到当前标签的内容的最大向下滚动距离，则确定当前标签的内容不能再向下滚动。

其中，最大向下滚动距离可以是预先为当前标签的内容设置的在竖直方向滚动的滚动距离的最大阈值，由于不同标签的内容的长度不同，不同标签的内容对应最大向下滚动距离不同。

具体的，客户端在检测上下滚动操作的滚动距离之后，当上下滚动操作的滚动方向为向下滚动，则视图层的响应顺序从第三视图层到第一视图层，可以先向下滚动展示目标子区域中的当前标签的内容，并判断滚动是否达到当前标签的内容的最大向下滚动距离，若是，则确定当前标签的内容不能再向下滚动，停止滚动当前标签的内容，之后可以继续向下滚动展示详情页面中信息展示区域中的其他子区域以及封面展示区域。

基于图5的视图层的架构，根据上下滚动操作的滚动方向与滚动距离，滚动展示详情页面时，可以按照视图层的响应顺序，依次根据滚动距离以及各视图层对应的区域的最大滚动距离，在上下滚动操作的方向滚动展示各视图层对应的区域，具体的，将目标视图层确定为响应视图层，在上下滚动操作的方向滚动展示响应视图层对应的区域，并判断响应视图层对应的区域是否达到其最大滚动距离，若否，则继续滚动展示响应视图层对应的区域；其中，目标视图层为视图层的响应顺序中排序最靠前的一个视图层；若是，则将目标视图层的下一视图层确定为响应视图层，继续在上下滚动操作的方向滚动展示响应视图层对应的区域，直到视图层响应结束为止。当上下滚动操作的方向为向上滚动，则视图层的响应顺序为从小到大，其中，视图层按照从小到大的顺序依次为：第一视图层、第二视图层和第三视图层；当上下滚动操作的方向为向下滚动，则视图层的响应顺序为从大到小。

示例性的，如图3所示，图中向上的箭头表示向上滚动，向上的箭头旁边的手势表征上下滚动操作，与图2中的详情页面比较，详情页面中的封面展示区域201、上一书籍的部分封面展示区域203、下一书籍的部分封面展示区域204以及信息展示区域202中的大部分均已经向上滚动到离开展示界面，信息展示区域202中的目标子区域205滚动到展示界面的顶端，也即置顶展示，具体如图6中的目标子区域601，说明详情页面达到最大向上滚动距离，之后将目标子区域601中推荐标签下的内容继续向上滚动。

上述方案中，在展示书籍的详情页面之后，可以接收用户的上下滚动操作，并根据滚动距离、方向依次滚动详情页面以及内部的各个支持上下滚动的区域，满足用户在竖直方向的滚动展示需求，避免了相关技术中上下滚动时可能存在的两个区域响应矛盾的问题，使得详情页面达到最优的上下滚动展示效果，进而提升了用户的体验效果。

在一些实施例中，在继续向上滚动展示目标子区域中的当前标签的内容之后，书籍详情展示方法还可以包括：当当前标签的内容向上滚动到最后内容，则将当前详情页面切换为目标书籍的书籍展示页面进行展示。

其中，书籍展示页面可以是用于展示目标书籍的正文内容的展示页面。具体的，客户端在向上滚动展示目标子区域中的当前标签的内容之后，在当前标签的内容向上滚动到最后内容时，则可以将当前详情页面关闭，并切换展示为目标书籍的书籍展示页面，以使用户在目标子区域中向上滚动到一个标签的内容结束之后，可以跳转到书籍正文进行阅读，提升了用户的阅读体验效果。

在一些实施例中，书籍详情展示方法还可以包括：当当前标签的内容为预览内容，在目标书籍的书籍展示页面中采用预设方式突出展示预览内容的最后内容，预设方式包括加粗、高亮以及添加下划线中的至少一种。

如果当前标签为预览，当前标签的内容为预览内容，客户端在展示目标书籍的书籍展示页面之后，可以采用预设方式突出展示预览内容中的最后内容，以提示用户之前在预览内容中阅读到的位置。预设方式可以是任意一种能够突出展示的方式，例如预设方式可以为加粗、高亮或添加下划线等。

在一些实施例中，在继续向上滚动展示目标子区域中的当前标签的内容之后，书籍详情展示方法还可以包括：接收用户对详情页面中目标子区域的二次水平滚动操作；在水平方向将当前标签切换为二次水平滚动操作的滚动方向的下一标签，并且同时将滚动展示之后的当前标签的内容切换为二次水平滚动操作的滚动方向的下一标签的内容，其中，滚动展示之后的当前标签的内容与下一标签的内容的展示内容所在长度位置不同。

由于不同标签的内容的长度不同，展示内容所在长度位置可以是当前展示内容在标签的内容整体长度中的位置。

客户端在向上滚动展示目标子区域中的当前标签的内容之后，还可以接收用户对目标子区域的二次水平滚动操作，该二次水平滚动操作用于与之前的水平滚动操作区分，表征在上下滚动操作之后的再次水平滚动操作；之后可以在水平方向将当前标签及其内容按照水平滚动操作的滚动方向滚动切换为下一标签及其内容，并且由于当前标签的内容已经向上滚动过了，当前标签的内容的展示内容所在长度位置已经不在初始位置，但是下一标签的内容的展示内容所在长度位置还位于初始位置，因此客户端在展示下一标签的内容时，展示内容所在长度位置为初始位置。

上述方案中，由于不同标签的内容通过独立的子视图层设置，在水平滚动过程中，不会受到上下滚动操作的影响，一个子视图层上下滚动之后，另一个子视图层没有滚动，造成不同标签的内容在水平滚动切换展示时即使有的标签的内容已经上下滚动过，其他标签的内容也不会上下滚动，进而不会影响用户对其他标签的内容的阅读，提升了用户的体验效果。

在一些实施例中，书籍详情展示方法还可以包括：接收用户对详情页面的触发操作，触发操作包括水平滑动操作；基于水平滑动操作所在的区域，对至少两个书籍的详情页面进行联动展示。

可选的，基于水平滑动操作所在的区域，对至少一个书籍的详情页面进行联动展示，可以包括：当水平滑动操作所在的区域为封面展示区域或信息展示区域中的第一子区域时，则在水平方向将当前详情页面滑动切换为下一详情页面进行展示，当前详情页面与下一详情页面对应的书籍不同。其中，第一子区域为信息展示区域中不支持水平方向滚动的子区域。

可选的，在水平方向将当前书籍的详情页面滑动切换为下一书籍的详情页面进行展示，可以包括：确定水平滑动操作在触发的第一区域的第一实时滑动距离；根据第一实时滑动距离占第一区域的宽度的实时占比、第二区域的宽度，确定第二区域的第二实时滑动距离；在水平方向基于第一实时滑动距离，将当前详情页面的第一区域或第一区域的关联区域滑动切换为下一详情页面的第一区域或第一区域的关联区域，并且同时基于第二实时滑动距离，将当前详情页面的第二区域滑动切换为下一详情页面的第二区域。

可选的，在确定水平滑动操作在触发的第一区域的第一实时滑动距离之后，书籍详情展示方法还可以包括：基于第一实时滑动距离将当前详情页面的第一区域或第一区域的关联区域滑动切换为下一详情页面的第一区域或第一区域的关联区域；当基于第一实时滑动距离与预设距离的比对结果和水平滑动操作的具体操作确定第二区域满足滑动条件，则将当前详情页面的第二区域滑动切换为下一详情页面的第二区域。

可选的，基于第一实时滑动距离与预设距离的比对结果和水平滑动操作的具体操作确定第二区域满足滑动条件，可以包括：如果水平滑动操作为保持与屏幕接触的点击滑动，直到第一实时滑动距离达到预设距离，或者，第一实时距离达到预设距离并且水平滑动操作从接触屏幕变为不接触屏幕，则确定第二区域满足滑动条件，其中，预设距离为第一区域的宽度。

可选的，第一区域为封面展示区域，第二区域为信息展示区域；或者，第一区域为第一子区域，第二区域为封面展示区域，第一区域的关联区域为信息展示区域。

可选的，信息展示区域中还可以包括内容数量大于预设数量的第二子区域，该第二子区域支持水平方向滚动，书籍详情展示方法还可以包括：接收用户对该第二子区域的水平滚动操作，可以将第二子区域中的多个内容在水平方向滚动展示。预设数量可以根据实际情况设置，例如第二子区域的预设数量的内容的宽度可以等于展示界面的宽度。

本公开实施例还提供了一种电子设备，该电子设备可以包括处理器和存储器，存储器可以用于存储可执行指令。其中，处理器可以用于从存储器中读取可执行指令，并执行可执行指令以执行以下操作：展示目标书籍的详情页面，所述详情页面支持上下滚动；接收用户对所述详情页面中目标子区域的水平滚动操作，所述目标子区域包括至少两个标签的内容，其中，不同标签的内容具有不同的长度；在水平方向滚动展示所述目标子区域中的至少两个标签及其内容；所述详情页面通过第一视图层设置，所述目标子区域为所述详情页面中封面展示区域的支持水平方向滚动的子区域，所述封面展示区域通过第二视图层设置，所述目标子区域通过第三视图层设置，所述不同标签的内容通过不同子视图层设置，所述子视图层嵌套入所述第三视图层。

图7为本公开实施例提供的一种电子设备的结构示意图。本发明实施例中的电子设备700可以为上述所说明的电子设备。还需说明的是，图7示出的电子设备700仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

该电子设备700传统上包括处理器710和以存储器720形式的计算机程序产品或者计算机可读介质。存储器720可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。存储器720具有用于执行上述书籍详情展示方法中的任何方法步骤的可执行指令(或程序代码)7211的存储空间721。例如，用于可执行指令的存储空间721可以包括分别用于实现上面的书籍详情展示方法中的各种步骤的各个可执行指令7211。这些可执行指令可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。这些计算机程序产品包括诸如硬盘，光盘(CD)、存储卡或者软盘之类的程序代码载体。这样的计算机程序产品通常为便携式或者固定存储单元。该存储单元可以具有与图7的电子设备中的存储器720类似布置的存储段或者存储空间等。可执行指令可以例如以适当形式进行压缩。通常，存储单元包括用于执行根据本发明的书籍详情展示方法步骤的可执行指令，即可以由例如诸如处理器710之类的处理器读取的代码，这些代码当由电子设备运行时，导致该电子设备执行上面所描述的书籍详情展示方法中的各个步骤。

本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序指令，计算机程序指令在被处理器运行时使得处理器执行本发明各实施例所提供的书籍详情展示方法。

该计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

在本发明实施例中，可以以一种或多种程序设计语言或其组合来编写用于执行本发明的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

本发明的各个部件实施例可以全部或部分步骤以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的书籍详情展示装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

a1、根据本公开的一个或多个实施例，本公开提供了一种书籍详情展示方法，包括：

展示目标书籍的详情页面，所述详情页面支持上下滚动；

a2、根据a1所述的方法，其中，所述在水平方向滚动展示所述目标子区域中的至少两个标签及其内容，包括：

基于所述第三视图层，在水平方向将当前标签及其内容切换为所述水平滚动操作的滚动方向对应的下一标签及其内容进行展示；

其中，当操作系统为IOS系统，所述第三视图层基于预先封装的分段视图控件设置；当操作系统为安卓系统，所述第三视图层基于页面切换视图设置。

a3、根据a1-a2中任一所述的方法，其中，所述水平滚动操作的滚动方向包括向左滚动和向右滚动。

a4、根据a1所述的方法，其中，在所述展示目标书籍的详情页面之后，所述方法还包括：

接收用户对所述目标子区域的上下滚动操作；

检测所述上下滚动操作的滚动距离；

根据所述上下滚动操作的滚动方向与所述滚动距离，滚动展示所述详情页面。

a5、根据a4所述的方法，其中，检测所述上下滚动操作的滚动距离，包括：

采用键值监听模块检测所述上下滚动操作的滚动距离。

a6、根据a4所述的方法，其中，根据所述上下滚动操作的滚动方向与所述滚动距离，滚动展示所述详情页面，包括：

当所述上下滚动操作的滚动方向为向上滚动，则向上滚动展示所述详情页面，直到根据所述滚动距离确定所述目标子区域的标签区域到达预设展示位置时停止滚动所述详情页面；

继续向上滚动展示所述目标子区域中的当前标签的内容。

a7、根据a6所述的方法，其中，根据所述滚动距离确定所述目标子区域的标签区域到达预设展示位置，包括：

当所述滚动距离达到所述详情页面的最大向上滚动距离，则确定所述目标子区域的标签区域到达预设展示位置。

a8、根据a6所述的方法，其中，当所述目标子区域的标签区域到达所述预设展示位置时，禁止所述标签区域上下滚动，所述标签区域中包括所述至少两个标签。

a9、根据a6所述的方法，其中，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述方法还包括：

当所述当前标签的内容向上滚动到最后内容，则将所述当前详情页面切换为所述目标书籍的书籍展示页面进行展示。

a10、根据a9所述的方法，其中，所述方法还包括：

当所述当前标签的内容为预览内容，在所述目标书籍的书籍展示页面中采用预设方式突出展示所述预览内容的最后内容，所述预设方式包括加粗、高亮以及添加下划线中的至少一种。

a11、根据a6所述的方法，其中，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述方法还包括：

接收用户对所述详情页面中目标子区域的二次水平滚动操作；

在水平方向将当前标签切换为所述二次水平滚动操作的滚动方向的下一标签，并且同时将滚动展示之后的当前标签的内容切换为所述二次水平滚动操作的滚动方向的下一标签的内容，其中，所述滚动展示之后的当前标签的内容与所述下一标签的内容的展示内容所在长度位置不同。

a12、根据a4所述的方法，其中，根据所述上下滚动操作的滚动方向与所述滚动距离，滚动展示所述详情页面，包括：

当所述上下滚动操作的滚动方向为向下滚动，则向下滚动所述目标子区域中的当前标签的内容，直到根据所述滚动距离确定所述当前标签的内容不能再向下滚动时停止滚动所述当前标签的内容；

继续向下滚动展示所述详情页面。

a13、根据a12所述的方法，其中，根据所述滚动距离确定所述当前标签的内容不能再向下滚动，包括：

当所述滚动距离达到所述当前标签的内容的最大向下滚动距离，则确定所述当前标签的内容不能再向下滚动。

a14、根据a1所述的方法，其中，在所述展示目标书籍的详情页面之后，所述方法还包括：

接收用户对所述目标子区域中的目标标签的切换触发操作；

将当前标签及其内容切换为所述目标标签及其内容进行展示。

a15、根据a1-a14中任一所述的方法，其中，所述详情页面还包括封面展示区域，所述封面展示区域和所述信息展示区域均通过所述第二视图层设置，所述信息展示区域中包括至少两个子区域。

a16、根据本公开的一个或多个实施例，本公开提供了一种电子设备，其中，包括：

处理器；

存储器，用于存储可执行指令；

其中，所述处理器用于从所述存储器中读取所述可执行指令，并执行所述可执行指令以执行以下操作：

展示目标书籍的详情页面，所述详情页面支持上下滚动；

a17、根据a16所述的电子设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

其中，所述在水平方向滚动展示所述目标子区域中的至少两个标签及其内容，包括：

a18、根据a17所述的电子设备，其中，所述水平滚动操作的滚动方向包括向左滚动和向右滚动。

a19、根据a16所述的电子设备，其中，在所述展示目标书籍的详情页面之后，所述可执行指令进一步使所述处理器执行以下操作：

接收用户对所述目标子区域的上下滚动操作；

检测所述上下滚动操作的滚动距离；

a20、根据a19所述的电子设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

其中，检测所述上下滚动操作的滚动距离，包括：

采用键值监听模块检测所述上下滚动操作的滚动距离。

a21、根据a19所述的电子设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

其中，根据所述上下滚动操作的滚动方向与所述滚动距离，滚动展示所述详情页面，包括：

继续向上滚动展示所述目标子区域中的当前标签的内容。

a22、根据a21所述的电子设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

其中，根据所述滚动距离确定所述目标子区域的标签区域到达预设展示位置，包括：

a23、根据a21所述的电子设备，其中，当所述目标子区域的标签区域到达所述预设展示位置时，禁止所述标签区域上下滚动，所述标签区域中包括所述至少两个标签。

a24、根据a21所述的电子设备，其中，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述可执行指令进一步使所述处理器执行以下操作：

a25、根据a24所述的电子设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

a26、根据a21所述的电子设备，其中，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述可执行指令进一步使所述处理器执行以下操作：

a27、根据a19所述的电子设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

继续向下滚动展示所述详情页面。

a28、根据a27所述的电子设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

其中，根据所述滚动距离确定所述当前标签的内容不能再向下滚动，包括：

a29、根据a16所述的电子设备，其中，在所述展示目标书籍的详情页面之后，所述可执行指令进一步使所述处理器执行以下操作：

接收用户对所述目标子区域中的目标标签的切换触发操作；

a30、根据a16所述的电子设备，其中，所述详情页面还包括封面展示区域，所述封面展示区域和所述信息展示区域均通过所述第二视图层设置，所述信息展示区域中包括至少两个子区域。

根据本公开的一个或多个实施例，本公开提供了一种计算机可读存储介质，存储介质存储有计算机程序，计算机程序用于执行如本公开提供的任一的书籍详情展示方法。

以上描述仅为本发明的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本发明中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本发明中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本发明的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims

1.一种书籍详情展示方法，其特征在于，包括：

展示目标书籍的详情页面，所述详情页面支持上下滚动；

2.根据权利要求1所述的方法，其特征在于，所述在水平方向滚动展示所述目标子区域中的至少两个标签及其内容，包括：

3.根据权利要求1-2中任一所述的方法，其特征在于，所述水平滚动操作的滚动方向包括向左滚动和向右滚动。

4.根据权利要求1所述的方法，其特征在于，在所述展示目标书籍的详情页面之后，所述方法还包括：

接收用户对所述目标子区域的上下滚动操作；

检测所述上下滚动操作的滚动距离；

5.根据权利要求4所述的方法，其特征在于，检测所述上下滚动操作的滚动距离，包括：

采用键值监听模块检测所述上下滚动操作的滚动距离。

6.根据权利要求4所述的方法，其特征在于，根据所述上下滚动操作的滚动方向与所述滚动距离，滚动展示所述详情页面，包括：

继续向上滚动展示所述目标子区域中的当前标签的内容。

7.根据权利要求6所述的方法，其特征在于，根据所述滚动距离确定所述目标子区域的标签区域到达预设展示位置，包括：

8.根据权利要求6所述的方法，其特征在于，当所述目标子区域的标签区域到达所述预设展示位置时，禁止所述标签区域上下滚动，所述标签区域中包括所述至少两个标签。

9.根据权利要求6所述的方法，其特征在于，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述方法还包括：

当所述当前标签的内容向上滚动到最后内容，则将当前所述详情页面切换为所述目标书籍的书籍展示页面进行展示。

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

11.根据权利要求6所述的方法，其特征在于，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述方法还包括：

12.根据权利要求4所述的方法，其特征在于，根据所述上下滚动操作的滚动方向与所述滚动距离，滚动展示所述详情页面，包括：

继续向下滚动展示所述详情页面。

13.根据权利要求12所述的方法，其特征在于，根据所述滚动距离确定所述当前标签的内容不能再向下滚动，包括：

14.根据权利要求1所述的方法，其特征在于，在所述展示目标书籍的详情页面之后，所述方法还包括：

接收用户对所述目标子区域中的目标标签的切换触发操作；

15.根据权利要求1中任一所述的方法，其特征在于，所述详情页面还包括信息展示区域，所述封面展示区域和所述信息展示区域均通过所述第二视图层设置，所述信息展示区域中包括至少两个子区域。

16.一种电子设备，其特征在于，包括：

处理器；

存储器，用于存储可执行指令；

展示目标书籍的详情页面，所述详情页面支持上下滚动；

17.根据权利要求16所述的电子设备，其特征在于，所述可执行指令进一步使所述处理器执行以下操作：

18.根据权利要求17所述的电子设备，其特征在于，所述水平滚动操作的滚动方向包括向左滚动和向右滚动。

19.根据权利要求16所述的电子设备，其特征在于，在所述展示目标书籍的详情页面之后，所述可执行指令进一步使所述处理器执行以下操作：

接收用户对所述目标子区域的上下滚动操作；

检测所述上下滚动操作的滚动距离；

20.根据权利要求19所述的电子设备，其特征在于，所述可执行指令进一步使所述处理器执行以下操作：

其中，检测所述上下滚动操作的滚动距离，包括：

采用键值监听模块检测所述上下滚动操作的滚动距离。

21.根据权利要求19所述的电子设备，其特征在于，所述可执行指令进一步使所述处理器执行以下操作：

继续向上滚动展示所述目标子区域中的当前标签的内容。

22.根据权利要求21所述的电子设备，其特征在于，所述可执行指令进一步使所述处理器执行以下操作：

23.根据权利要求21所述的电子设备，其特征在于，当所述目标子区域的标签区域到达所述预设展示位置时，禁止所述标签区域上下滚动，所述标签区域中包括所述至少两个标签。

24.根据权利要求21所述的电子设备，其特征在于，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述可执行指令进一步使所述处理器执行以下操作：

25.根据权利要求24所述的电子设备，其特征在于，所述可执行指令进一步使所述处理器执行以下操作：

26.根据权利要求21所述的电子设备，其特征在于，在继续向上滚动展示所述目标子区域中的当前标签的内容之后，所述可执行指令进一步使所述处理器执行以下操作：

27.根据权利要求19所述的电子设备，其特征在于，所述可执行指令进一步使所述处理器执行以下操作：

继续向下滚动展示所述详情页面。

28.根据权利要求27所述的电子设备，其特征在于，所述可执行指令进一步使所述处理器执行以下操作：

29.根据权利要求16所述的电子设备，其特征在于，在所述展示目标书籍的详情页面之后，所述可执行指令进一步使所述处理器执行以下操作：

接收用户对所述目标子区域中的目标标签的切换触发操作；

30.根据权利要求16所述的电子设备，其特征在于，所述详情页面还包括信息展示区域，所述封面展示区域和所述信息展示区域均通过所述第二视图层设置，所述信息展示区域中包括至少两个子区域。

31.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，当所述计算机程序被处理器执行时，使得处理器实现用上述权利要求1-15中任一项所述的书籍详情展示方法。