内容显示方法、电子设备及存储介质与流程

1.本公开涉及计算机技术领域，尤其涉及一种内容显示方法、电子设备及存储介质。


背景技术：

2.随着科技及社会的不断发展，电子书以其节能环保、形式多变等特点受到众多用户的青睐。而且，电子书的各种功能也极大地满足了人们的需求，翻页功能是电子书中必备的功能。
3.为了提升用户的阅读体验，现有的翻页功能中具有仿真翻页模式、覆盖翻页模式以及滑动翻页模式等，但是，现有的翻页模式在翻页过程中只是单一地展现翻页效果，缺少与用户的信息交互，降低了用户的阅读交互体验。


技术实现要素：

4.为了解决上述技术问题，本公开提供了一种内容显示方法、电子设备及存储介质。
5.本公开实施例的第一方面提供了一种内容显示方法，该方法包括：
6.在目标交互界面内显示第一页面；
7.响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对应的第二页面进行翻页的动画；
8.在显示翻页动画的过程中，在翻页动画上显示目标内容，目标内容与目标交互界面内所显示的内容相关。
9.本公开实施例的第二方面提供了一种电子设备，该电子设备包括处理器和存储器，存储器用于存储可执行指令，可执行指令使处理器执行以下操作：
10.在目标交互界面内显示第一页面；
11.响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对应的第二页面进行翻页的动画；
12.在显示翻页动画的过程中，在翻页动画上显示目标内容，目标内容与目标交互界面内所显示的内容相关。
13.本公开实施例的第三方面提供了一种计算机可读存储介质，存储介质中存储有计算机程序，当计算机程序被处理器执行时，实现上述第一方面的内容显示方法。
14.本公开实施例提供的技术方案与现有技术相比具有如下优点：
15.本公开实施例，通过在目标交互界面内显示第一页面；然后响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对应的第二页面进行翻页的动画；在显示翻页动画的过程中，在翻页动画上显示目标内容，目标内容与目标交互界面内所显示的内容相关，可以在翻页过程中向用户展示与当前交互界面显示的内容相关的交互信息，进而提高用户的阅读交互体验。
附图说明
16.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
17.为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
18.图1是本公开实施例提供的一种内容显示方法的流程图；
19.图2是本公开实施例提供的一种仿真翻页的界面示意图；
20.图3是本公开实施例提供的一种覆盖翻页的界面示意图；
21.图4是本公开实施例提供的一种滑动翻页的界面示意图；
22.图5是本公开实施例提供的另一种内容显示方法的流程图；
23.图6是本公开实施例提供的又一种内容显示方法的流程图；
24.图7是本公开实施例提供的再一种内容显示方法的流程图；
25.图8是本公开实施例提供的一种目标交互界面的示意图；
26.图9是本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
27.为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
28.在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
29.应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
30.需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
31.需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
32.目前，为了提升用户的阅读体验，现有的电子书的翻页功能中具有仿真翻页模式、覆盖翻页模式以及滑动翻页模式等，。但是，现有的翻页模式在翻页过程中只是单一地展现翻页效果，缺少与用户的信息交互，降低了用户的阅读交互体验。
33.针对相关技术在电子书翻页过程中存在的缺陷，本公开实施例提供了一种内容显
示方法、电子设备及存储介质，通过在翻页过程中显示与目标交互界面内所显示的内容相关的目标内容，可以在翻页过程中向用户展示交互信息，提高了用户的阅读交互体验。
34.本公开实施例提供的内容显示方法，可以由一种能够提供内容显示功能的电子设备来执行，该电子设备可以理解为任意一种具有处理能力和计算能力的设备，该设备可以包括但不限于诸如智能手机、笔记本电脑、个人数字助理(pda)、平板电脑(pad)、便携式多媒体播放器(pmp)、车载终端(例如车载导航终端)、可穿戴设备等的移动终端，以及诸如数字tv、台式计算机等的固定电子设备。
35.为了更好的理解本公开实施例的发明构思，下面结合示例性的实施例对本公开实施例的技术方案进行说明
36.图1是本公开实施例提供的一种内容显示方法的流程图，如图1所示，本实施例提供的内容显示方法包括步骤110-130：
37.步骤110、在目标交互界面内显示第一页面。
38.本公开实施例中的交互界面可以理解为电子设备上显示的能够与用户进行交互的应用界面，可以用来显示运行于电子设备中的应用程序的应用页面。
39.本公开实施例中的应用页面可以理解为打开运行于电子设备中的应用程序后，用于显示应用程序的各个功能内容的页面。
40.本公开实施例中的第一页面可以理解为用户正在浏览的应用页面。
41.本公开实施例中，用户可以在电子设备上输入用于对第一页面进行页面展示的页面展示操作，电子设备可以响应于对第一页面的页面展示操作，在目标交互界面内显示第一页面。其中，页面展示操作可以理解为用于触发电子设备显示第一页面的操作。例如，页面展示操作可以为对第一页面对应图标的点击、长按、双击等操作，也可以为通过语音控制、表情控制等进行的页面展示操作，本公开实施例不作具体限定。
42.例如，应用程序可以为任一电子书阅读应用，目标交互界面可以为任一电子书的阅读界面，第一页面可以为该电子书阅读应用中用户想要阅读的电子书的第一阅读页，第一阅读页可以为电子书的任意阅读页。用户可以点击该电子书的第一阅读页的页面标识，使电子设备可以在电子书的阅读界面内显示该第一阅读页。
43.步骤120、响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对应的第二页面进行翻页的动画。
44.本公开实施例中的翻页操作可以理解为用于触发电子设备由第一页面跳转至显示第二页面的操作。翻页操作可以是由目标交互界面的一个位置向另一个位置进行的对第一页面的滑动操作，或者是通过手势控制进行的翻页操作，或者是其它能够用于触发显示翻页动画的操作，本公开实施例不作具体限定。
45.本公开实施例中的翻页动画可以理解为由第一页面向翻页操作对应的第二页面进行翻页的动画，即由第一页面向第二页面翻页的翻页过程的动态画面。其中，第二页面可以理解为第一页面的上一页或下一页。本公开实施例中，翻页动画是由多个时刻的动画图像帧组成的，每一个动画图像帧为翻页操作的一个时刻对应的第一页面和第二页面组成的图像，将翻页操作过程中的多个时刻的动画图像帧按照由前到后的时间顺序连贯播放可以获得该翻页操作对应的翻页动画。
46.本公开实施例中的第二页面可以理解为用户想要浏览的应用页面，第二页面可以
是第一页面的上一页或下一页。
47.例如，继续以应用程序为任一电子书阅读应用、目标交互界面为任一电子书的阅读界面为例，第一页面可以为该电子书阅读应用中用户想要阅读的电子书的第一阅读页，第二页面可以为该电子书阅读应用中用户想要阅读的电子书的第二阅读页，第二阅读页可以为第一阅读页的上一页或下一页。
48.本公开实施例中，翻页类型可以包括仿真翻页类型、覆盖翻页类型以及滑动翻页类型等。
49.仿真翻页可以理解为将第一页面拉起，同时显示第一页面的正面区域和背面显示区域，沿着翻页方向，第一页面的正面区域逐渐减小，第一页面的背面显示区域和第二页面的正面区域逐渐扩大的过程，可以呈现出与用户实际对纸质书籍翻页的三维翻页效果。例如，图2提供了一种仿真翻页的界面示意图，如图2所示，该仿真翻页的界面示意图为仿真翻页过程中的某一时刻的动画图像帧，200为目标交互界面，201为第一页面的正面显示区域，202为第二页面的正面显示区域，204表示翻页方向为从右往左翻页，在翻页过程中，第一页面的正面显示区域201逐渐减小，第一页面的背面显示区域203和第二页面的正面显示区域202逐渐扩大。
50.覆盖翻页可以理解为翻页前第一页面是覆盖在第二页面上方的在翻页过程中，第一页面向翻页方向移动，第一页面的正面显示区域逐渐减小，第二页面的正面显示区域逐渐增大，直至全部显示出第二页面正面显示区域的过程，可以呈现第一页面沿翻页方向移动的翻页效果。例如，图3提供了一种覆盖翻页的界面示意图，如图3所示，该覆盖翻页的界面示意图为覆盖翻页过程中的某一时刻的动画图像帧，300为目标交互界面，301为第一页面的正面显示区域，302为第二页面的正面显示区域，303表示翻页方向为从右往左翻页，在翻页过程中，第一页面的正面显示区域301逐渐减小，第二页面的正面显示区域302逐渐扩大。
51.滑动翻页可以理解为翻页时根据用户的滑动操作，第一页面和第二页面向滑动方向同步滑动，第一页面的正面显示区域逐渐减小，第二页面的正面显示区域逐渐增大，直至全部显示出第二页面正面显示区域的过程，可以呈现第一页面和第二页面沿滑动方向同步移动的翻页效果，其中，滑动方向可以理解为用户通过滑动操作进行翻页时滑动操作的方向。例如，图4提供了一种滑动翻页的界面示意图，如图4所示，该滑动翻页的界面示意图为滑动翻页过程中的某一时刻的动画图像帧，400为目标交互界面，401为第一页面的正面显示区域，402为第二页面的正面显示区域，403表示滑动方向为从右往左滑动，在翻页过程中，第一页面和第二页面沿滑动方向同步移动，第一页面的正面显示区域401逐渐减小，第二页面的正面显示区域402逐渐扩大。
52.本公开实施例中，当翻页类型为仿真翻页类型时，翻页动画可以展示第一页面的正面区域和背面显示区域连续三维动态变化直至完全显示第二页面的过程，可以呈现出与用户实际对纸质书籍翻页的三维翻页的动态效果。
53.当翻页类型为覆盖翻页类型时，翻页动画可以展示第一页面沿翻页方向移动，直至全部显示出第二页面的过程，可以呈现出第一页面沿翻页方向移动的翻页效果。
54.当翻页类型为滑动翻页类型时，翻页动画可以展示第一页面和第二页面向滑动方向同步滑动，直至全部显示出第二页面的过程，可以呈现出第一页面和第二页面向滑动方
向同步滑动的翻页效果。
55.本公开实施例中，电子设备在目标交互界面内显示第一页面之后，可以响应于用户对目标交互界面的翻页操作，在目标交互界面上显示翻页操作对应的翻页动画，以将第一页面到第二页面的翻页过程动态显示出来。
56.步骤130、在显示翻页动画的过程中，在翻页动画上显示目标内容，目标内容与目标交互界面内所显示的内容相关。
57.本公开实施例中，电子设备在显示翻页操作对应的翻页动画的过程中，可以在翻页动画上显示目标内容。
58.在一些实施例中，在翻页动画上显示目标内容可以是在翻页动画内显示目标内容，该方式中，电子设备可以将目标内容融合至翻页动画的各个动画图像帧中的指定显示区域内，以在翻页动画内显示目标内容。
59.在另一些实施例中，在翻页动画上显示目标内容还可以是在翻页动画上悬浮显示目标内容。其中，悬浮显示可以理解为独立于翻页动画并在翻页动画上方的图层内进行显示。由于翻页动画用于展示翻页过程中的第一页面和第二页面，因此，悬浮显示还可以理解为在第一页面和第二页面的上方的图层内进行显示。
60.本公开实施例中的目标内容可以理解为与目标交互界面内所显示的内容相关的内容。本公开实施例中的目标内容可以包括文字、图片、视频、弹幕等形式的内容。
61.具体的，在目标交互界面为电子书的阅读界面、第一页面为电子书的第一阅读页以及第二页面为电子书的第二阅读页的情况下，目标内容可以包括下列中的至少一项：
62.与该电子书相关的第一内容、与第一阅读页相关的第二内容、与第二阅读页相关的第三内容。
63.第一内容可以包括与该电子书相关的预设内容或第一评论内容，也可以包括预设内容和第一评论内容。其中，预设内容可以理解为与该电子书相关的预设的标签类内容，例如，可以是与该电子书主题相关的内容；第一评论内容可以理解为预设的与该电子书相关的评论内容，例如，“真精彩”、“厉害”等。但不限于此。
64.第二内容可以包括与第一阅读页相关的总结内容或第二评论内容，也可以包括与第一阅读页相关的总结内容和第二评论内容。其中，总结内容可以是对第一阅读页或第一阅读页前面内容的总结，例如，可以是正在进行中或刚阅读完的场景画面，也可以是与第一阅读页情节共鸣类的文字或图片，还可以是第一阅读页所在章节的总结内容，但不限于此；第二评论内容可以是用户对第一阅读页内容的评论内容，也可以是用户对第一阅读页所在章节的评论内容。但不限于此。
65.第三内容可以包括与第二阅读页相关的剧透内容或第三评论内容，也可以包括与第二阅读页相关的剧透内容和第三评论内容。其中，剧透内容可以理解为对第二阅读页以及第二阅读页后面内容的预告内容，第三评论内容可以是用户对第二阅读页以及第二阅读页后面内容的评论内容。但不限于此。
66.由此，通过显示与目标交互界面内所显示的内容相关的目标内容，可以提高用户阅读的连续性，提升阅读内容对用户的吸引力，提高用户的阅读兴趣。
67.本公开实施例，通过在目标交互界面内显示第一页面；然后响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对
应的第二页面进行翻页的动画；在显示翻页动画的过程中，在翻页动画上显示目标内容，目标内容与目标交互界面内所显示的内容相关，可以在翻页过程中向用户展示与当前交互界面显示的内容相关的交互信息，进而提高用户的阅读交互体验。
68.在上述实施例的基础上，图5提供了另一种内容显示方法的流程图，如图5所示，本实施例提供的内容显示方法包括步骤510-560：
69.步骤510、在目标交互界面内显示第一页面。
70.本公开实施例中的内容可以参考上述步骤110，这里不再赘述。
71.步骤520、响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对应的第二页面进行翻页的动画。
72.本公开实施例中的内容可以参考上述步骤120，这里不再赘述。
73.步骤530、基于翻页操作的实时操作参数，检测用户对目标内容是否存在浏览意图。
74.本公开实施例中，实时操作参数可以理解为与翻页操作相关的参数。
75.本公开实施例中的浏览意图可以理解为用户希望在电子设备显示翻页动画的过程中可以浏览到目标内容。
76.本公开实施例中，电子设备在显示翻页动画的过程中，可以首先基于翻页操作的实时操作参数，检测用户对目标内容是否存在浏览意图。
77.在一些实施例中，当翻页操作为滑动操作时，实时操作参数可以包括翻页幅度，翻页幅度可以理解为第一页面向滑动方向滑动的距离。
78.电子设备可以判断翻页幅度是否大于第一预设幅度阈值，若翻页幅度大于第一预设幅度阈值，则确定检测到用户对目标内容存在浏览意图；若翻页幅度小于或等于第一预设幅度阈值，则确定检测到用户对目标内容不存在浏览意图。本公开实施例中的第一预设幅度阈值可以根据需要进行设定，这里不作具体限制。
79.在另一些实施例中，实时操作参数包括翻页时长，翻页时长可以理解为显示翻页操作对应的翻页动画的时长，可以包括用户对第一页面的滑动时长和显示翻页动画的过程中用户的手指在第一页面上任一位置的停留时长。
80.电子设备可以判断翻页时长是否大于预设时长阈值，若翻页时长大于预设时长阈值，则确定检测到用户对目标内容存在浏览意图；若翻页时长小于或等于预设时长阈值，则确定检测到用户对目标内容不存在浏览意图。本公开实施例中的预设时长阈值可以根据需要进行设定，这里不作具体限制。
81.在又一些实施例中，当翻页操作为滑动操作时，实时操作参数可以包括翻页幅度和翻页时长。
82.电子设备可以判断翻页幅度是否大于第一预设幅度阈值以及翻页时长是否大于预设时长阈值，若翻页幅度大于第一预设幅度阈值且翻页时长大于预设时长阈值，则确定检测到用户对目标内容存在浏览意图；若不能满足翻页幅度大于第一预设幅度阈值和/或翻页时长大于预设时长阈值，则确定检测到用户对目标内容不存在浏览意图。
83.步骤540、在检测到用户对目标内容存在浏览意图的情况下，在翻页动画上显示目标内容。
84.本公开实施例中，电子设备在显示翻页动画的过程中，当检测到用户对目标内容
存在浏览意图时，电子设备可以在翻页动画上显示目标内容；当检测到用户对目标内容不存在浏览意图时，电子设备在翻页动画上不显示目标内容。
85.步骤550、基于翻页操作的实时操作参数，检测用户对目标内容是否存在取消浏览意图。
86.本公开实施例中的取消浏览意图可以理解为用户不希望在电子设备在显示翻页动画的过程中在翻页动画上显示目标内容。
87.本公开实施例中，电子设备在翻页动画上显示目标内容之后，可以基于翻页操作的实时操作参数，检测用确定检测到用户对目标内容存在浏览意图户对目标内容是否存在取消浏览意图。
88.在一些实施例中，当翻页操作为滑动操作时，实时操作参数可以包括翻页幅度，第二预设幅度阈值大于第一预设幅度阈值，若翻页幅度大于第二预设幅度阈值，则确定检测到用户对目标内容存在取消浏览意图；若翻页幅度小于或等于第二预设幅度阈值，则确定检测到用户对目标内容不存在取消浏览意图。其中，第二预设幅度阈值可以根据需要进行设定，这里不作具体限制。
89.在另一些实施例中，实时操作参数可以包括翻页状态，翻页状态可以包括翻页进行状态和翻页完成状态，翻页进行状态可以理解为翻页过程正在进行，目标交互界面内正在显示翻页动画；翻页完成状态可以理解为目标交互界面内停止显示翻页动画，电子设备结束第一页面到第二页面的翻页过程，在目标交互界面内完整显示第二页面。电子设备可以实时检测翻页状态是否处于翻页完成状态，若检测到处于翻页完成状态，则确定检测到用户对目标内容存在取消浏览意图；若检测到不处于翻页完成状态，则确定检测到用户对目标内容不存在取消浏览意图。
90.可选的，电子设备可以实时检测用户对目标交互界面的结束翻页操作，例如，结束翻页操作可以是用户手指离开第一页面的操作，若检测到用户对目标交互界面的结束翻页操作，则电子设备可以响应于用户对目标交互界面的结束翻页操作，停止显示翻页动画，结束第一页面到第二页面的翻页过程，在目标交互界面内完整显示第二页面，将翻页进行状态调整为翻页完成状态。
91.在又一些实施例中，当翻页操作为滑动操作时，实时操作参数可以包括翻页幅度和翻页状态。电子设备可以判断翻页幅度是否大于第二预设幅度阈值以及电子设备是否处于翻页完成状态，若翻页幅度大于第二预设幅度阈值以及电子设备处于翻页完成状态，则确定检测到用户对目标内容存在取消浏览意图；若翻页幅度小于或等于第二预设幅度阈值以及电子设备不处于翻页完成状态，则确定检测到用户对目标内容不存在取消浏览意图。
92.步骤560、在检测到用户对目标内容取消浏览意图的情况下，取消显示目标内容。
93.本公开实施例中，电子设备在显示翻页动画的过程中，当检测到用户对目标内容存在取消浏览意图时，电子设备可以在翻页动画上取消显示目标内容；当检测到用户对目标内容不存在取消浏览意图时，电子设备在翻页动画上继续显示目标内容。
94.在一些实施例中，当电子设备检测到用户对目标内容不存在取消浏览意图时，若此时电子设备未完成翻页过程，则继续显示翻页动画并且取消显示目标内容。
95.在另一些实施例中，若电子设备在显示目标内容的过程中没有暂停显示翻页动画，则当电子设备检测到用户对目标内容不存在取消浏览意图时，若此时电子设备未完成
翻页过程，则从当前播放的动画图像帧开始继续显示翻页动画并且取消显示目标内容；若电子设备在显示目标内容的过程中已暂停显示翻页动画，则当电子设备检测到用户对目标内容不存在取消浏览意图时，若此时电子设备未完成翻页过程，则从暂停时的动画图像帧开始继续显示翻页动画并且取消显示目标内容。
96.在又一些实施例中，当电子设备检测到用户对目标内容不存在取消浏览意图时，若此时电子设备已完成翻页过程，则电子设备显示第二页面并且取消显示目标内容。
97.由此，通过电子设备在显示翻页动画的过程中，实时检测用户对目标内容是否存在浏览意图和取消浏览意图，确定用户是否希望在翻页过程中浏览目标内容，根据用户的意图在翻页过程中显示目标内容，进一步提高了用户的阅读交互体验。
98.图6是本公开实施例提供的又一种内容显示方法的流程图，如图6所示，本实施例提供的内容显示方法包括步骤610-640：
99.步骤610、在目标交互界面内显示第一页面。
100.本公开实施例中的内容可以参考上述步骤110，这里不再赘述。
101.步骤620、响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对应的第二页面进行翻页的动画。
102.本公开实施例中的内容可以参考上述步骤120，这里不再赘述。
103.步骤630、在显示翻页动画的过程中，在目标交互界面内显示蒙层，蒙层位于翻页动画的上方。
104.本公开实施例中的蒙层可以理解为一种半透明或不透明的页面图层。
105.本公开实施例中，电子设备在显示翻页操作对应的翻页动画的过程中，可以在目标交互界面内显示蒙层，该蒙层可以位于翻页动画的上方。
106.需要说明的是，电子设备在目标交互界面内显示蒙层后，蒙层可以将对应的第一页面和第二页面的内容遮挡，用户此时无法看清对应的遮挡内容。例如，如图3所示，305为蒙层，显示位置位于第一页面的正面显示区域301和第二页面的正面显示区域302内，目标内容304显示在蒙层305上，蒙层305将对应的第一页面和第二页面的内容进行了遮挡。
107.本公开实施例中，蒙层位于翻页动画的上方可以理解为蒙层悬浮显示在翻页动画的上方，悬浮显示可以理解为独立于翻页动画并在翻页动画的上方的图层内进行显示。由于翻页动画用于展示翻页过程中的第一页面和第二页面，因此，悬浮显示还可以理解为在第一页面和第二页面的上方的图层内进行显示。
108.步骤640、在蒙层上显示目标内容。
109.本公开实施例中，电子设备在目标交互界面内显示蒙层之后，可以在在蒙层上显示目标内容，该目标内容与目标交互界面内所显示的内容相关。
110.由此，通过在目标交互界面内显示第一页面；然后响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画；在显示翻页动画的过程中，在目标交互界面内显示蒙层，并在蒙层上显示目标内容，可以通过蒙层显示实现在翻页动画上悬浮显示目标内容的方案，可以在翻页过程中向用户展示与当前交互界面显示的内容相关的交互信息，进而提高用户的阅读交互体验。
111.在本公开的一些实施例中，在目标交互界面内显示蒙层之前，电子设备还可以暂停翻页动画，将正在播放的动画图像帧暂停，然后在目标交互界面内显示蒙层并在蒙层上
显示目标内容。
112.在本公开的另一些实施例中，在目标交互界面内显示蒙层之前，电子设备在检测到用户存在对目标内容的浏览意图时，可以暂停翻页动画，将正在播放的动画图像帧暂停，然后在目标交互界面内显示蒙层并在蒙层上显示目标内容。
113.由此可以在用户浏览目标内容的过程中不受翻页动画的干扰，可以为用户带来沉浸式的阅读交互体验。
114.在本公开的一些实施例中，在目标交互界面内显示蒙层之前，电子设备还可以判断当前正在播放的翻页动画的动画图像帧是否达到预设动画图像帧，若当前正在播放的翻页动画的动画图像帧没有达到预设动画图像帧，则可以将翻页动画显示至预设动画图像帧，将若当前正在播放的翻页动画的动画图像帧已经达到预设动画图像帧，则直接显示预设动画图像帧，然后在翻页动画上显示蒙层。例如，若当前正在播放的翻页动画的动画图像帧位于预设动画图像帧之前，则可以将当前的动画图像帧向后播放至预设动画图像帧；若当前正在播放的翻页动画的动画图像帧位于预设动画图像帧之后，则可以将当前的动画图像帧向前播放至预设动画图像帧。
115.在本公开的另一些实施例中，电子设备在将翻页动画显示至预设动画图像帧之后，可以将预设动画图像帧暂停，然后在翻页动画上显示蒙层。
116.在本公开的另一些实施例中，在目标交互界面内显示蒙层之前，电子设备还可以检测用户是否存在对目标内容的浏览意图，当检测到用户存在对目标内容的浏览意图时，此时电子设备可以判断当前正在播放的翻页动画的动画图像帧是否达到预设动画图像帧，若当前正在播放的翻页动画的动画图像帧没有达到预设动画图像帧，则可以将翻页动画显示至预设动画图像帧，然后在翻页动画上显示蒙层。
117.具体的，预设动画图像帧可以理解为预设翻页幅度对应的动画图像帧，预设翻页幅度与动画图像帧是一一对应的。其中，预设翻页幅度可以理解为将原始翻页幅度扩大预设阈值后的翻页幅度，这里的预设阈值可以根据需要设定，这里不作具体限制。
118.例如，当翻页类型为仿真翻页类型时，如图2所示，若此时的翻页幅度没有达到预设翻页幅度，说明第一页面的背面显示区域203的显示面积较小，无法显示更多的目标内容，此时电子设备可以将预设翻页幅度对应的预设图像帧调整至预设动画图像帧，然后显示该预设动画图像帧，可以将背面显示区域203的显示面积扩大，使背面显示区域203可以显示更多的目标内容，提高用户的阅读交互体验。
119.图7是本公开实施例提供的另一种内容显示方法的流程图，如图7所示，本实施例提供的内容显示方法包括步骤710-760：
120.步骤710、在目标交互界面内显示第一页面。
121.本公开实施例中的内容可以参考上述步骤110，这里不再赘述。
122.步骤720、响应于用户对目标交互界面的翻页操作，显示翻页操作对应的翻页动画，翻页动画为由第一页面向翻页操作对应的第二页面进行翻页的动画。
123.本公开实施例中的内容可以参考上述步骤120，这里不再赘述。
124.步骤730、获取翻页动画的动画类型。
125.本公开实施例中的动画类型可以理解为不同的翻页类型，可以包括仿真翻页类型、覆盖翻页类型以及滑动翻页类型等。
126.本公开实施例中，电子设备在显示翻页操作对应的翻页动画之后，可以获取翻页动画的动画类型。
127.步骤740、确定动画类型对应的蒙层显示位置。
128.本公开实施例中的蒙层显示位置可以包括第一页面或第二页面的正面显示区域以及第一页面或第二页面的背面显示区域。
129.本公开实施例中，电子设备在获取翻页动画的动画类型后，可以确定动画类型对应的蒙层显示位置。
130.本公开实施例中，当动画类型为仿真翻页类型时，蒙层显示位置为翻页动画中的第一页面的背面显示区域，如图2所示，206为蒙层，显示位置位于第一页面的背面显示区域203内，目标内容205显示在蒙层206上；当动画类型为覆盖翻页类型或滑动翻页类型时，蒙层显示位置为翻页动画中的第一页面或第二页面的正面显示区域，例如，图3所示为覆盖翻页类型，305为蒙层，显示位置位于第一页面的正面显示区域301与第二页面的正面显示区域302的中间区域，目标内容304显示在蒙层305上，再例如，图4所示为滑动翻页类型，405为蒙层，显示位置位于第一页面的正面显示区域401与第二页面的正面显示区域402的中间区域，目标内容404显示在蒙层405上。
131.步骤750、在目标交互界面内的蒙层显示位置处显示蒙层。
132.本公开实施例中，电子设备在确定动画类型对应的蒙层显示位置后，可以在目标交互界面内的蒙层显示位置处显示蒙层。
133.在本公开的一些实施例中，当动画类型为仿真翻页类型时，蒙层显示位置可以是翻页动画中的第一页面的背面显示区域，电子设备可以基于背面显示区域的区域尺寸，确定蒙层的显示尺寸，然后在蒙层显示位置处，按照显示尺寸显示蒙层。在一些实施例中，电子设备可以识别背面显示区域对应的翻页动画图像的边界坐标，确定翻页动画图像的边界尺寸，将翻页动画图像的尺寸确定为区域尺寸；在另一些实施例中，电子设备可以根据翻页幅度与背面显示区域的区域尺寸的对应关系，计算背面显示区域的区域尺寸。
134.步骤760、在蒙层上显示目标内容。
135.本公开实施例中，电子设备在目标交互界面内的蒙层显示位置处显示蒙层之后，可以在该蒙层上显示目标内容。
136.在一些实施例中，当动画类型为仿真翻页类型时，蒙层显示位置为翻页动画中的第一页面的背面显示区域，此时背面显示区域为三维平面，而目标内容为二维平面，若直接将二维的目标内容直接显示在三维的背面显示区域，此时目标内容无法完整显示在背面显示区域，影响用户的阅读交互，为了将目标内容完整显示在背面显示区域，在蒙层上显示目标内容，可以包括步骤761-763：
137.步骤761、计算目标内容的各个初始像素坐标与背面显示区域的各个区域像素坐标对应的映射关系。
138.本公开实施例中，目标内容的各个初始像素坐标为二维平面坐标，而当动画类型为仿真翻页类型时，背面显示区域为三维平面，背面显示区域的各个区域像素坐标为三维坐标，电子设备在第一页面的背面显示区域显示蒙层之后，可以计算目标内容的各个初始像素坐标与背面显示区域的各个区域像素坐标对应的映射关系，即各个初始像素坐标与背面显示区域的各个区域像素坐标的一一对应关系。
139.步骤762、基于映射关系，对目标内容进行内容变形，得到变形后的目标内容。
140.本公开实施例中，电子设备在获得目标内容的各个初始像素坐标与背面显示区域的各个区域像素坐标对应的映射关系之后，可以基于映射关系，对目标内容进行内容变形，得到变形后的目标内容。
141.本公开实施例中，对目标内容进行内容变形可以理解为基于目标内容的各个初始像素坐标与背面显示区域的各个区域像素坐标对应的映射关系，将目标内容的每个初始像素坐标进行调整，使二维的目标内容的显示形状与背面显示区域的三维形状相同。
142.步骤763、在蒙层上显示变形后的目标内容。
143.本公开实施例中，电子设备在得到变形后的目标内容之后，可以在蒙层上显示变形后的目标内容。
144.由此，当动画类型为仿真翻页类型时，蒙层显示位置为翻页动画中的第一页面的背面显示区域，可以将目标内容完整显示在背面显示区域，可以使用户完整浏览到目标内容，提高用户的阅读交互体验。
145.在本公开的另一些实施例中，在上述实施例的基础上，电子设备在翻页动画上显示目标内容之前，还可以虚化翻页动画中的目标页面内容，目标页面内容包括第一页面的页面内容和第二页面的页面内容，然后在翻页动画上强化显示目标内容。由此，可以增加目标内容与目标页面内容显示的对比度，使目标内容的显示效果更突出、更明显。
146.本公开实施例中的虚化可以包括降低翻页动画中的目标页面内容的显示亮度或降低翻页动画中的目标页面内容的清晰度，还可以包括将翻页动画中的目标页面内容进行置灰处理，但不限于此，以降低目标页面内容的显示效果。例如，图8是在图4的基础上提供的一种目标交互界面的示意图，如图8所示，将第一页面的正面显示区域401和第二页面的正面显示区域402中的页面内容进行了置灰处理。
147.本公开实施例中的强化可以包括增强目标内容的显示亮度或增强目标内容的清晰度，还可以包括将目标内容的文字进行加粗处理，但不限于此，以提高目标内容的显示效果，使目标内容的显示效果更突出、更明显。
148.需要说明的是，本公开实施例中的第一页面的页面内容和第二页面的页面内容可以包括页面内的文字和图像元素，但不包括页面的边框，由此，可以忽略页面边框，进一步突出显示页面内容。
149.图9是本公开实施例提供的一种电子设备的结构示意图。需要说明的是，图9示出的电子设备900仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
150.该电子设备900传统上包括处理器910和以存储器920形式的计算机程序产品或者计算机可读介质。存储器920可以是诸如闪存、eeprom(电可擦除可编程只读存储器)、eprom、硬盘或者rom之类的电子存储器。存储器920具有用于执行上述方法中的任何方法的可执行指令(或程序代码)9211的存储空间921。例如，用于可执行指令的存储空间921可以包括分别用于实现上面的方法中的各种的各个可执行指令9211。这些可执行指令可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。这些计算机程序产品包括诸如硬盘，光盘(cd)、存储卡或者软盘之类的程序代码载体。这样的计算机程序产品通常为便携式或者固定存储单元。该存储单元可以具有与图9的电子设备中的存储器920类似布置的存储段或者存储空间等。可执行指令可以例如以适当形式进行压缩。
通常，存储单元包括用于执行根据本发明的文本排版方法的可执行指令，即可以由例如诸如处理器910之类的处理器读取的代码，这些代码当由电子设备运行时，导致该电子设备执行上面所描述的方法中的各个，其执行方式和有益效果类似，在这里不再赘述。
151.当然，为了简化，图9中仅示出了该电子设备900中与本发明有关的组件中的一些，省略了诸如总线、输入/输出接口、输入装置和输出装置等等的组件。除此之外，根据具体应用情况，电子设备900还可以包括任何其他适当的组件。
152.本公开实施例还提供了一种计算机可读存储介质，存储介质存储有计算机程序，当计算机程序被处理器执行时，使得处理器实现上述各个实施例所提供的方法，其执行方式和有益效果类似，在这里不再赘述。
153.上述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。
154.上述计算机程序可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如java、c++等，还包括常规的过程式程序设计语言，诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。
155.以上所述仅是本公开的具体实施方式，使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下，在其它实施例中实现。因此，本公开将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
156.本发明公开了：
157.a1、一种内容显示方法，包括：
158.在目标交互界面内显示第一页面；
159.响应于用户对所述目标交互界面的翻页操作，显示所述翻页操作对应的翻页动画，所述翻页动画为由所述第一页面向所述翻页操作对应的第二页面进行翻页的动画；
160.在显示所述翻页动画的过程中，在所述翻页动画上显示目标内容，所述目标内容与所述目标交互界面内所显示的内容相关。
161.a2、根据a1所述的方法，所述在所述翻页动画上显示目标内容之前，所述方法还包括：
162.基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在浏览意图；
163.其中，所述在所述翻页动画上显示目标内容，包括：
164.在检测到所述用户对所述目标内容存在浏览意图的情况下，在所述翻页动画上显
示目标内容。
165.a3、根据a2所述的方法，所述实时操作参数包括翻页幅度；
166.其中，所述基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在浏览意图，包括：
167.判断所述翻页幅度是否大于第一预设幅度阈值；
168.若所述翻页幅度大于所述第一预设幅度阈值，确定检测到所述用户对所述目标内容存在浏览意图。
169.a4、根据a2所述的方法，所述实时操作参数包括翻页时长；
170.其中，所述基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在浏览意图，包括：
171.判断所述翻页时长是否大于预设时长阈值；
172.若所述翻页时长大于所述预设时长阈值，确定检测到所述用户对所述目标内容存在浏览意图。
173.a5、根据a2所述的方法，所述实时操作参数包括翻页幅度和翻页时长；
174.其中，所述基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在浏览意图，包括：
175.判断所述翻页幅度是否大于第一预设幅度阈值以及所述翻页时长是否大于预设时长阈值；
176.若所述翻页幅度大于所述第一预设幅度阈值且所述翻页时长大于所述预设时长阈值，确定检测到所述用户对所述目标内容存在浏览意图。
177.a6、根据a2所述的方法，所述在所述翻页动画上显示目标内容之后，所述方法还包括：
178.基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在取消浏览意图；
179.在检测到所述用户对所述目标内容存在取消浏览意图的情况下，取消显示所述目标内容。
180.a7、根据a1所述的方法，所述目标交互界面为电子书的阅读界面，所述第一页面为所述电子书的第一阅读页，所述第二页面为所述电子书的第二阅读页；
181.其中，所述目标内容包括下列内容中的至少一项：
182.与所述电子书相关的第一内容，所述第一内容包括预设内容和/或第一评论内容；
183.与所述第一阅读页相关的第二内容，所述第二内容包括总结内容和/或第二评论内容；
184.与所述第二阅读页相关的第三内容，所述第三内容包括剧透内容和/或第三评论内容。
185.a8、根据a1-a7任一项所述的方法，所述在所述翻页动画上显示目标内容，包括：
186.在所述目标交互界面内显示蒙层，所述蒙层位于所述翻页动画的上方；
187.在所述蒙层上显示所述目标内容。
188.a9、根据a8所述的方法，所述在所述目标交互界面内显示蒙层之前，所述方法还包括：
189.暂停所述翻页动画。
190.a10、根据a8所述的方法，所述在所述目标交互界面内显示蒙层之前，所述方法还包括：
191.将所述翻页动画显示至预设动画图像帧，所述预设动画图像帧为预设翻页幅度对应的动画图像帧。
192.a11、根据a8所述的方法，所述在所述目标交互界面内显示蒙层，包括：
193.获取所述翻页动画的动画类型；
194.确定所述动画类型对应的蒙层显示位置；
195.在所述目标交互界面内的所述蒙层显示位置处显示所述蒙层。
196.a12、根据a11所述的方法，所述动画类型为仿真翻页类型，所述蒙层显示位置为所述翻页动画中的所述第一页面的背面显示区域；
197.其中，所述在所述目标交互界面内的所述蒙层显示位置处显示所述蒙层，包括：
198.基于所述背面显示区域的区域尺寸，确定所述蒙层的显示尺寸；
199.在所述蒙层显示位置处，按照所述显示尺寸显示所述蒙层。
200.a13、根据a12所述的方法，所述在所述蒙层上显示所述目标内容，包括：
201.计算所述目标内容的各个初始像素坐标与所述背面显示区域的各个区域像素坐标对应的映射关系；
202.基于所述映射关系，对所述目标内容进行内容变形，得到变形后的目标内容；
203.在所述蒙层上显示所述变形后的目标内容。
204.a14、根据a1所述的方法，所述在所述翻页动画上显示目标内容之前，所述方法还包括：
205.虚化所述翻页动画中的目标页面内容，所述目标页面内容包括所述第一页面的页面内容和所述第二页面的页面内容。
206.a15、一种电子设备，包括处理器和存储器，所述存储器用于存储可执行指令，所述可执行指令使所述处理器执行以下操作：
207.在目标交互界面内显示第一页面；
208.响应于用户对所述目标交互界面的翻页操作，显示所述翻页操作对应的翻页动画，所述翻页动画为由所述第一页面向所述翻页操作对应的第二页面进行翻页的动画；
209.在显示所述翻页动画的过程中，在所述翻页动画上显示目标内容，所述目标内容与所述目标交互界面内所显示的内容相关。
210.a16、根据a15所述的电子设备，在所述处理器执行所述在所述翻页动画上显示目标内容之前，所述可执行指令使所述处理器执行以下操作：
211.基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在浏览意图；
212.其中，所述在所述翻页动画上显示目标内容，包括：
213.在检测到所述用户对所述目标内容存在浏览意图的情况下，在所述翻页动画上显示目标内容。
214.a17、根据a16所述的电子设备，所述实时操作参数包括翻页幅度；
215.其中，所述处理器执行所述基于所述翻页操作的实时操作参数，检测所述用户对
所述目标内容是否存在浏览意图在所述翻页动画上显示目标内容，所述可执行指令使所述处理器执行以下操作：
216.判断所述翻页幅度是否大于第一预设幅度阈值；
217.若所述翻页幅度大于所述第一预设幅度阈值，确定检测到所述用户对所述目标内容存在浏览意图。
218.a18、根据a16所述的电子设备，所述实时操作参数包括翻页时长；
219.其中，所述处理器执行所述基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在浏览意图，所述可执行指令使所述处理器执行以下操作：
220.判断所述翻页时长是否大于预设时长阈值；
221.若所述翻页时长大于所述预设时长阈值，确定检测到所述用户对所述目标内容存在浏览意图。
222.a19、根据a16所述的电子设备，所述实时操作参数包括翻页幅度和翻页时长；
223.其中，所述处理器执行所述基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在浏览意图，所述可执行指令使所述处理器执行以下操作：
224.判断所述翻页幅度是否大于第一预设幅度阈值以及所述翻页时长是否大于预设时长阈值；
225.若所述翻页幅度大于所述第一预设幅度阈值且所述翻页时长大于所述预设时长阈值，确定检测到所述用户对所述目标内容存在浏览意图。
226.a20、根据a16所述的电子设备，在所述处理器执行所述翻页动画上显示目标内容之后，所述可执行指令使所述处理器执行以下操作：
227.基于所述翻页操作的实时操作参数，检测所述用户对所述目标内容是否存在取消浏览意图；
228.在检测到所述用户对所述目标内容存在取消浏览意图的情况下，取消显示所述目标内容。
229.a21、根据a15所述的电子设备，所述目标交互界面为电子书的阅读界面，所述第一页面为所述电子书的第一阅读页，所述第二页面为所述电子书的第二阅读页；
230.其中，所述目标内容包括下列内容中的至少一项：
231.与所述电子书相关的第一内容，所述第一内容包括预设内容和/或第一评论内容；
232.与所述第一阅读页相关的第二内容，所述第二内容包括总结内容和/或第二评论内容；
233.与所述第二阅读页相关的第三内容，所述第三内容包括剧透内容和/或第三评论内容。
234.a22、根据a15-a21任一项所述的电子设备，所述处理器执行所述在所述翻页动画上显示目标内容，所述可执行指令使所述处理器执行以下操作：
235.在所述目标交互界面内显示蒙层，所述蒙层位于所述翻页动画的上方；
236.在所述蒙层上显示所述目标内容。
237.a23、根据a22所述的电子设备，所述处理器执行所述在所述目标交互界面内显示蒙层之前，所述可执行指令使所述处理器执行以下操作：
238.暂停所述翻页动画。
239.a24、根据a22所述的电子设备，所述处理器执行所述在所述目标交互界面内显示蒙层之前，所述可执行指令使所述处理器执行以下操作：
240.将所述翻页动画显示至预设动画图像帧，所述预设动画图像帧为预设翻页幅度对应的动画图像帧。
241.a25、根据a22所述的电子设备，所述处理器执行所述在所述目标交互界面内显示蒙层，所述可执行指令使所述处理器执行以下操作：
242.获取所述翻页动画的动画类型；
243.确定所述动画类型对应的蒙层显示位置；
244.在所述目标交互界面内的所述蒙层显示位置处显示所述蒙层。
245.a26、根据a25所述的电子设备，所述动画类型为仿真翻页类型，所述蒙层显示位置为所述翻页动画中的所述第一页面的背面显示区域；
246.其中，所述处理器执行所述在所述目标交互界面内的所述蒙层显示位置处显示所述蒙层，所述可执行指令使所述处理器执行以下操作：
247.基于所述背面显示区域的区域尺寸，确定所述蒙层的显示尺寸；
248.在所述蒙层显示位置处，按照所述显示尺寸显示所述蒙层。
249.a27、根据a26所述的电子设备，所述处理器执行所述在所述蒙层上显示所述目标内容，所述可执行指令使所述处理器执行以下操作：
250.计算所述目标内容的各个初始像素坐标与所述背面显示区域的各个区域像素坐标对应的映射关系；
251.基于所述映射关系，对所述目标内容进行内容变形，得到变形后的目标内容；
252.在所述蒙层上显示所述变形后的目标内容。
253.a28、根据a15所述的电子设备，所述处理器执行所述在所述翻页动画上显示目标内容之前，所述可执行指令使所述处理器执行以下操作：
254.虚化所述翻页动画中的目标页面内容，所述目标页面内容包括所述第一页面的页面内容和所述第二页面的页面内容。
255.a29、一种计算机可读存储介质，所述存储介质中存储有计算机程序，当所述计算机程序被处理器执行时，实现a1-a14中任一项所述的内容显示方法。