一种页面内容更新方法、装置、计算机设备及存储介质与流程

文档序号:31927689发布日期:2022-10-25 23:15阅读:37来源:国知局
一种页面内容更新方法、装置、计算机设备及存储介质与流程

1.本公开涉及计算机技术领域,具体而言,涉及一种页面内容更新方法、装置、计算机设备及存储介质。


背景技术:

2.随着互联网技术和移动终端设备技术的飞速发展,移动终端设备逐渐取代了电视、书籍、报纸等传统的媒体资源传播媒介,成为了越来越多人获取媒体资源的主要途径。
3.实际应用中,在用户使用终端设备进行页面浏览时,往往需要使用滑动操作对页面展示的内容进行更新,页面的滑动距离被设置为跟滑动操作的滑动速度和滑动方向相关,在某个滑动方向上的滑动速度越大则滑动距离越远,若滑动操作的速度过快则可能会导致滑动距离过远,使得用户可能会错过感兴趣的内容,从而需要再反方向滑动查看上一次滑动时错过的内容;而若滑动操作的速度过慢则可能会导致当前页面展示的是用户已经浏览过但不感兴趣的内容,使得用户可能需要通过多次滑动操作才能找到感兴趣的内容,影响用户体验。


技术实现要素:

4.本公开实施例至少提供一种页面内容更新方法、装置、计算机设备及存储介质。
5.第一方面,本公开实施例提供了一种页面内容更新方法,包括:
6.在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页;
7.响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二信息卡片以及部分第一信息卡片的列表页;
8.其中,所述多个第二信息卡片不同于所述多个第一信息卡片。
9.一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述方法还包括根据以下方法确定所述第二页面内容:
10.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动方向;
11.基于所述目标操作的滑动方向,确定所述第一页面内容的多个第一信息卡片中的第一目标信息卡片;
12.基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离;
13.基于所述第一页面滑动距离,确定所述第二页面内容。
14.一种可能的实施方式中,所述操作参数还包括滑动速度;
15.所述基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离,包括:
16.在检测到所述目标操作结束时刻的滑动速度不小于预设速度阈值的情况下,基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离。
17.一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述方法还包括:
18.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动速度;
19.在检测到所述目标操作结束时刻的滑动速度小于预设速度阈值的情况下,基于所述滑动速度,确定第二页面滑动距离;
20.基于所述第二页面滑动距离控制所述第一页面内容进行更新。
21.一种可能的实施方式中,所述目标操作对应的操作参数还包括滑动方向;
22.所述基于所述滑动速度,确定第二页面滑动距离,包括:
23.确定与所述滑动速度对应的初始滑动距离;
24.确定所述第一页面内容按照所述初始滑动距离滑动后待展示的各信息卡片;
25.基于所述目标操作对应的滑动方向,确定所述待展示的多个信息卡片中的第二目标信息卡片;
26.基于所述第二目标信息卡片的第二位置信息和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。
27.一种可能的实施方式中,所述滑动方向包括向上滑动和向下滑动;
28.所述基于所述目标操作对应的滑动方向,确定所述多个第一信息卡片中的第一目标信息卡片,包括:
29.在检测到所述目标操作对应的滑动方向为向上滑动的情况下,将所述多个第一信息卡片中底部的信息卡片作为所述第一目标信息卡片;以及,
30.在检测到所述目标操作对应的滑动方向为向下滑动的情况下,将所述多个第一信息卡片中顶部的信息卡片作为所述第一目标信息卡片。
31.一种可能的实施方式中,在所述第一信息卡片中的第一目标信息卡片满足预设条件的情况下,所述第二页面内容包括所述第一目标信息卡片;
32.所述展示第二页面内容,包括:
33.根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置并进行展示。
34.一种可能的实施方式中,所述第一目标信息卡片满足预设条件包括所述第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示。
35.一种可能的实施方式中,所述根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置,包括:
36.在所述滑动方向为向上滑动的情况下,所述目标展示位置为顶部位置,所述目标展示位置的顶部边缘与所述列表页的顶部边缘重合;
37.在所述滑动方向为向下滑动的情况下,所述目标展示位置为底部位置,所述目标展示位置的底部边缘与所述列表页的底部边缘重合。
38.一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向上滑动的情况下,所述基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离,包
括:
39.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离;
40.在所述第一目标信息卡片不满足所述预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离。
41.一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向下滑动的情况下,所述基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离,包括:
42.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离;
43.在所述第一目标信息卡片不满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离。
44.一种可能的实施方式中,在所述操作参数中的滑动方向为向下滑动的情况下,在确定第一页面滑动距离之后,所述方法还包括:
45.确定所述内容展示页面的最大滑动距离;
46.在所述第一页面滑动距离小于所述最大滑动距离的情况下,基于所述第一页面滑动距离,确定所述第二页面内容。
47.一种可能的实施方式中,所述方法还包括:
48.在所述第一页面滑动距离不小于所述最大滑动距离的情况下,基于所述最大滑动距离,确定所述第二页面内容。
49.一种可能的实施方式中,所述确定所述内容展示页面的最大滑动距离,包括:
50.获取所述内容展示页面的历史滑动距离和历史操作方向,并基于所述历史操作距离和历史滑动方向确定所述最大滑动距离;或者,
51.确定已展示的历史信息卡片,并基于所述历史信息卡片的尺寸信息和当前展示的信息卡片,确定所述最大滑动距离。
52.一种可能的实施方式中,所述基于所述第一页面滑动距离,确定所述第二页面内容,包括根据以下方法确定所述第二页面内容包括的第二信息卡片:
53.将控制所述第一页面内容按照所述第一页面滑动距离滑动后,待展示在所述内容展示页面的预加载的信息卡片作为所述第二页面内容中的第二信息卡片。
54.第二方面,本公开实施例还提供一种页面内容更新装置,包括:
55.第一展示模块,用于在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页;
56.第二展示模块,用于响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二信息卡片以及部分第一信息卡片的列表页;
57.其中,所述多个第二信息卡片不同于所述多个第一信息卡片。
58.一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述第二展示模块还用于根据以下步骤确定所述第二页面内容:
59.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动方向;
60.基于所述目标操作的滑动方向,确定所述第一页面内容的多个第一信息卡片中的第一目标信息卡片;
61.基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离;
62.基于所述第一页面滑动距离,确定所述第二页面内容。
63.一种可能的实施方式中,所述操作参数还包括滑动速度;
64.所述第二展示模块,在基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离时,用于:
65.在检测到所述目标操作结束时刻的滑动速度不小于预设速度阈值的情况下,基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离。
66.一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述第二展示模块还用于:
67.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动速度;
68.在检测到所述目标操作结束时刻的滑动速度小于预设速度阈值的情况下,基于所述滑动速度,确定第二页面滑动距离;
69.基于所述第二页面滑动距离控制所述第一页面内容进行更新。
70.一种可能的实施方式中,所述目标操作对应的操作参数还包括滑动方向;
71.所述第二展示模块,在基于所述滑动速度,确定第二页面滑动距离时,用于:
72.确定与所述滑动速度对应的初始滑动距离;
73.确定所述第一页面内容按照所述初始滑动距离滑动后待展示的各信息卡片;
74.基于所述目标操作对应的滑动方向,确定所述待展示的多个信息卡片中的第二目标信息卡片;
75.基于所述第二目标信息卡片的第二位置信息和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。
76.一种可能的实施方式中,所述滑动方向包括向上滑动和向下滑动;
77.所述第二展示模块,在基于所述目标操作对应的滑动方向,确定所述多个第一信息卡片中的第一目标信息卡片时,用于:
78.在检测到所述目标操作对应的滑动方向为向上滑动的情况下,将所述多个第一信息卡片中底部的信息卡片作为所述第一目标信息卡片;以及,
79.在检测到所述目标操作对应的滑动方向为向下滑动的情况下,将所述多个第一信息卡片中顶部的信息卡片作为所述第一目标信息卡片。
80.一种可能的实施方式中,在所述第一信息卡片中的第一目标信息卡片满足预设条件的情况下,所述第二页面内容包括所述第一目标信息卡片;
81.所述第二展示模块,在展示第二页面内容时,用于:
82.根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置并进行展示。
83.一种可能的实施方式中,所述第一目标信息卡片满足预设条件包括所述第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示。
84.一种可能的实施方式中,所述第二展示模块,在根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置时,用于:
85.在所述滑动方向为向上滑动的情况下,所述目标展示位置为顶部位置,所述目标展示位置的顶部边缘与所述列表页的顶部边缘重合;
86.在所述滑动方向为向下滑动的情况下,所述目标展示位置为底部位置,所述目标展示位置的底部边缘与所述列表页的底部边缘重合。
87.一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向上滑动的情况下,所述第二展示模块,在基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离时,用于:
88.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离;
89.在所述第一目标信息卡片不满足所述预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离。
90.一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向下滑动的情况下,所述第二展示模块,在基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离时,用于:
91.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离;
92.在所述第一目标信息卡片不满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离。
93.一种可能的实施方式中,在所述操作参数中的滑动方向为向下滑动的情况下,在确定第一页面滑动距离之后,所述第二展示模块还用于:
94.确定所述内容展示页面的最大滑动距离;
95.在所述第一页面滑动距离小于所述最大滑动距离的情况下,基于所述第一页面滑动距离,确定所述第二页面内容。
96.一种可能的实施方式中,所述第二展示模块还用于:
97.在所述第一页面滑动距离不小于所述最大滑动距离的情况下,基于所述最大滑动距离,确定所述第二页面内容。
98.一种可能的实施方式中,所述第二展示模块,在确定所述内容展示页面的最大滑
动距离时,用于:
99.获取所述内容展示页面的历史滑动距离和历史操作方向,并基于所述历史操作距离和历史滑动方向确定所述最大滑动距离;或者,
100.确定已展示的历史信息卡片,并基于所述历史信息卡片的尺寸信息和当前展示的信息卡片,确定所述最大滑动距离。
101.一种可能的实施方式中,所述第二展示模块,在基于所述第一页面滑动距离,确定所述第二页面内容时,用于根据以下方法确定所述第二页面内容包括的第二信息卡片:
102.将控制所述第一页面内容按照所述第一页面滑动距离滑动后,待展示在所述内容展示页面的预加载的信息卡片作为所述第二页面内容中的第二信息卡片。
103.第三方面,本公开实施例还提供一种计算机设备,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当计算机设备运行时,所述处理器与所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行上述第一方面,或第一方面中任一种可能的实施方式中的步骤。
104.第四方面,本公开实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行上述第一方面,或第一方面中任一种可能的实施方式中的步骤。
105.本公开实施例提供的页面内容更新方法、装置、计算机设备及存储介质,通过响应针对内容展示页面的目标操作,将内容展示页面展示的内容由包含多个第一信息卡片的列表页切换为,包含多个第二信息卡片的列表页,或者切换为包含多个第二信息卡片以及部分第一信息卡片的列表页,由于第一信息卡片和第二信息卡片是不同的信息卡片,因此通过这种方式可以实现对于内容展示页面展示的信息卡片的快速更新;切换后的列表页中还可以包括部分第一信息卡片,由此可以实现第一页面内容和第二页面内容的连贯,因此通过这种方式可以有助于帮助用户快速的找到感兴趣的内容,提升用户浏览效率。
106.为使本公开的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
107.为了更清楚地说明本公开实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,此处的附图被并入说明书中并构成本说明书中的一部分,这些附图示出了符合本公开的实施例,并与说明书一起用于说明本公开的技术方案。应当理解,以下附图仅示出了本公开的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
108.图1示出了本公开实施例所提供的一种页面内容更新方法的流程图;
109.图2a示出了本公开实施例所提供的页面内容更新方法中,在目标操作对应的滑动方向为向上滑动时,第一目标信息卡片的示意图;
110.图2b示出了本公开实施例所提供的页面内容更新方法中,在目标操作对应的滑动方向为向下滑动时,第一目标信息卡片的示意图;
111.图2c示出了本公开实施例所提供的页面内容更新方法中,在目标操作对应的滑动方向为向上滑动时,第一页面滑动距离的示意图;
112.图2d示出了本公开实施例所提供的页面内容更新方法中,在目标操作对应的滑动方向为向上滑动时,在按照第一页面滑动距离进行滑动后,展示的第二页面内容;
113.图2e示出了本公开实施例所提供的页面内容更新方法中,在目标操作对应的滑动方向为向下滑动时,第一页面滑动距离的示意图;
114.图2f示出了本公开实施例所提供的页面内容更新方法中,在目标操作对应的滑动方向为向下滑动时,在按照第一页面滑动距离进行滑动后,展示的第二页面内容;
115.图2g示出了本公开实施例所提供的页面内容更新方法中,确定初始滑动距离对应的调整距离的示意图;
116.图3示出了本公开实施例所提供的一种页面内容更新装置的架构示意图;
117.图4示出了本公开实施例所提供的一种计算机设备的结构示意图。
具体实施方式
118.为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围,而是仅仅表示本公开的选定实施例。基于本公开的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本公开保护的范围。
119.应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
120.本文中术语“和/或”,仅仅是描述一种关联关系,表示可以存在三种关系,例如,a和/或b,可以表示:单独存在a,同时存在a和b,单独存在b这三种情况。另外,本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合,例如,包括a、b、c中的至少一种,可以表示包括从a、b和c构成的集合中选择的任意一个或多个元素。
121.可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
122.例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
123.作为一种可选的但非限定性的实现方式,响应于接收到用户的主动请求,向用户发送提示信息的方式例如可以是弹窗的方式,弹窗中可以以文字的方式呈现提示信息。此外,弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
124.可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实现方式构成限定,其它满足相关法律法规的方式也可应用于本公开的实现方式中。
125.经研究发现,在用户使用终端设备进行页面浏览时,往往需要使用滑动操作对页
面展示的内容进行更新,页面的滑动距离被设置为跟滑动操作的滑动速度和滑动方向相关,在某个滑动方向上的滑动速度越大则滑动距离越远,若滑动操作的速度过快则可能会导致滑动距离过远,使得用户可能会错过感兴趣的内容,从而需要再反方向滑动查看上一次滑动时错过的内容;而若滑动操作的速度过慢则可能会导致当前页面展示的是用户已经浏览过但不感兴趣的内容,使得用户可能需要通过多次滑动操作才能找到感兴趣的内容,影响用户体验。
126.示例性的,以页面中展示的内容为信息卡片1~6为例,当用户过于快速的滑动页面后,页面中展示的内容可能为信息卡片11~15,由于滑动距离过长的因素,导致用户失去了浏览信息卡片7~10的机会,使得用户需要再反方向的滑动页面,才能浏览信息卡片7~10的相关内容;而当用户过于慢速的滑动页面后,面中展示的内容可能为信息卡片2~7,但其中的信息卡片2~6均为用户已浏览但不感兴趣的内容,使得用户可能需要通过多次滑动操作才能找到感兴趣的内容,浏览效率较低。
127.基于上述研究,本公开提供了一种页面内容更新方法、装置、计算机设备及存储介质,通过响应针对内容展示页面的目标操作,将内容展示页面展示的内容由包含多个第一信息卡片的列表页切换为,包含多个第二信息卡片的列表页,或者切换为包含多个第二信息卡片以及部分第一信息卡片的列表页,由于第一信息卡片和第二信息卡片是不同的信息卡片,因此通过这种方式可以实现对于内容展示页面展示的信息卡片的快速更新;切换后的列表页中还可以包括部分第一信息卡片,由此可以实现第一页面内容和第二页面内容的连贯,因此通过这种方式可以有助于帮助用户快速的找到感兴趣的内容,提升用户浏览效率。
128.示例性的,若第一页面内容中包括多个第一信息卡片,若用户想要查看其他的信息卡片则可以通过针对第一页面内容进行滑动操作来进行内容的更新,若滑动操作的滑动速度过慢,则用户滑动的过程中可能第一页面内容中展示的信息卡片仍然是用户之前不感兴趣或者阅读过的信息卡片,则用户需要执行多次滑动才能实现内容的更新;若滑动操作的滑动速度过快,则可能会错过用户感兴趣的信息卡片,因此用户还需要执行反方向的滑动才能查看到感兴趣的信息卡片。
129.而本公开中提供的方法,当用户执行了目标操作以后,直接将第一页面内容切换为第二页面内容,其效果类似翻页操作,不同的页面内容中展示的信息卡片完全不同,或者为了展示连贯,第二页面内容中可以包括一小部分的第一页面内容,这样,可以实现页面内容的快速更新,帮助用户快速选择到感兴趣的内容,提高阅读效率。
130.为便于对本实施例进行理解,首先对本公开实施例所公开的一种页面内容更新方法进行详细介绍,本公开实施例所提供的页面内容更新方法的执行主体一般为具有显示装置的终端设备,该终端设备例如包括:智能手机、平板电脑、智能手表等。
131.参见图1所示,为本公开实施例提供的页面内容更新方法的流程图,所述方法包括s101~s102,其中:
132.s101:在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页。
133.s102:响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二
信息卡片以及部分第一信息卡片的列表页;其中,所述多个第二信息卡片不同于所述多个第一信息卡片。
134.以下是对上述步骤的详细介绍。
135.针对s101、
136.所述第一信息卡片例如可以是多媒体内容的预览信息的展示卡片,所述信息卡片可以对应有多媒体内容的详细页面,通过触发所述信息卡片即可展示与所述信息卡片对应的详细页面。
137.实际应用中,所述内容展示页面展示的多个第一信息卡片可以是信息流中的信息卡片,所述内容展示页面可以是信息流的展示页面,不同信息卡片的尺寸可以是不同的。
138.针对s102、
139.所述针对所述目标展示页面的目标操作可以包括但不仅限于滑动操作、单击操作、双击操作、重按操作、长按操作等。
140.所述第二页面内容可以是区别与所述第一页面内容的列表页,所述第二页面内容可以与所述第一页面内容完全不同,或者可以是与所述第一页面内容部分相同。
141.一种可能的实施方式中,在响应针对所述目标展示页面的目标操作,展示第二页面内容时,可以按照预设的切换特效(例如可以是滑动特效、翻页特效等),由所述第一页面内容切换至第二页面内容。
142.一种可能的实施方式中,所述目标操作可以是针对所述内容展示页面的滑动操作,这里的滑动操作是指快速滑动操作,在操作结束时刻仍可以检测到滑动速度,所述快速滑动操作例如可以是用户手指在内容展示页面按下并快速滑动一段距离后再抬起的操作,一次按下-滑动-抬起即可视为一次快速滑动操作,操作结束时刻可以为用户手指从内容展示页面抬起的时刻,结束时刻检测到的滑动速度即为用户手指抬起时刻对应的滑动速度。
143.一种可能的实施方式中,在所述目标操作为滑动操作的情况下,可以通过下述步骤a1~a4确定所述第二页面内容:
144.a1:获取所述目标操作对应的操作参数。
145.这里,所述滑动参数可以包括所述目标操作的滑动方向,所述滑动方向为检测到的滑动操作的方向,例如可以包括向上滑动和向下滑动,当检测到滑动方向为向上滑动的滑动操作时,所述内容展示页面可以展示当前展示内容之后的展示内容。
146.a2:基于所述目标操作的滑动方向,确定所述第一页面内容的多个第一信息卡片中的第一目标信息卡片。
147.具体的,在确定所述第一目标信息卡片时,可以分为以下几种情况:
148.情况1、所述目标操作对应的滑动方向为向上滑动
149.在这种情况下,可以将所述多个第一信息卡片中底部的信息卡片作为所述第一目标信息卡片。
150.示例性的,如图2a所示,所述目标操作对应的滑动方向为向上滑动,所述第一页面内容中包含第一信息卡片“信息卡片1”~“信息卡片6”,此时可以将所述多个第一信息卡片中底部的信息卡片“信息卡片6”(如图2a中阴影部分所示)作为所述第一目标信息卡片。
151.情况2、所述目标操作对应的滑动方向为向下滑动
152.在这种情况下,可以将所述多个第一信息卡片中顶部的信息卡片作为所述第一目
标信息卡片。
153.示例性的,如图2b所示,所述目标操作对应的滑动方向为向下滑动,所述第一页面内容中包含第一信息卡片“信息卡片1”~“信息卡片6”,此时可以将所述多个第一信息卡片中顶部的信息卡片“信息卡片1”(如图2b中阴影部分所示)作为所述第一目标信息卡片。
154.a3:基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离。
155.这里,所述第一页面滑动距离用于表征在检测到所述目标操作结束后,所述内容展示页面需要滑动的距离。
156.一种可能的实施方式中,所述操作参数还可以包括滑动速度,在确定所述第一页面滑动距离时,可以在检测到所述目标操作结束时刻的滑动速度不小于预设速度阈值的情况下,基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离。
157.其中,所述滑动速度可以通过调用预设的接口函数得到,通过设置内容展示页面监听事件,即可实时调用预设的接口函数获取所述滑动速度。
158.具体的,在确定所述第一页面滑动距离时,可以分为以下几种情况:
159.情况1、所述目标操作对应的滑动方向为向上滑动。
160.这里,在所述第一目标信息卡片满足预设条件的情况下,可以基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离。
161.其中,所述第一目标信息卡片满足预设条件可以包括所述第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示。
162.这里,若第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示,则可以表示所述第一目标信息卡片仍然存在展示需求。
163.示例性的,如图2c所示,所述目标操作对应的滑动方向为向上滑动,所述内容展示页面中展示有信息卡片1~6,此时的所述第一目标信息卡片为“信息卡片6”,此时可以将所述第一目标信息卡片“信息卡片6”的顶部边缘与所述列表页的顶部边缘之间的距离(也即图2c中的距离1),作为所述第一页面滑动距离。
164.这样,在按照所述第一页面滑动距离进行展示内容更新后,仍存在展示需求的第一目标信息卡片能够被展示,从而能够为用户带来完整而连贯的阅读体验。
165.此外,还可以在所述第一目标信息卡片不满足所述预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离。
166.示例性的,如图2c所示,所述目标操作对应的滑动方向为向上滑动,所述内容展示页面中展示有信息卡片1~6,此时的所述第一目标信息卡片为“信息卡片6”,此时可以将所述第一目标信息卡片“信息卡片6”的底部边缘(如图2c中虚线所示)与所述列表页的顶部边缘之间的距离(也即图2c中的距离2),作为所述第一页面滑动距离。
167.示例性的,在按照所述第一页面滑动距离进行滑动后,展示的第二页面内容可以如图2d所示,由于在图2c的基础上使用了距离2作为所述第一页面滑动距离,因此在展示第
二页面内容时可以完整的展示信息卡片6之后的信息卡片7。
168.这里需要说明的是,相邻的两个卡片之间的边缘是重合的,即上一信息卡片的底部边缘即为下一信息卡片的顶部边缘。
169.情况2、所述目标操作对应的滑动方向为向下滑动。
170.这里,在所述第一目标信息卡片满足预设条件的情况下,可以基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离。
171.示例性的,如图2e所示,所述目标操作对应的滑动方向为向下滑动,所述内容展示页面中展示有信息卡片10~15,此时的所述第一目标信息卡片为“信息卡片10”,此时可以将所述第一信息卡片“信息卡片10”的底部边缘与所述列表页的底部边缘之间的距离(即图2e中的距离3),作为所述第一页面滑动距离。
172.此外,在所述第一目标信息卡片不满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离。
173.示例性的,如图2f所示,所述目标操作对应的滑动方向为向下滑动,所述内容展示页面中展示有信息卡片10~15,此时的所述第一目标信息卡片为“信息卡片10”,此时可以将所述第一目标信息卡片“信息卡片10”的底部边缘与所述列表页的底部边缘之间的距离(也即图2e中的距离4),作为所述第一页面滑动距离。
174.示例性的,在按照所述第一页面滑动距离进行滑动后,展示的第二页面内容可以如图2f所示,由于在图2e的基础上使用了距离4作为所述第一页面滑动距离,因此在展示第二页面内容时可以完整的展示信息卡片10之前的信息卡片9。
175.进一步的,在所述操作参数中的滑动方向为向下滑动的情况下,在确定第一页面滑动距离之后,还可以确定所述内容展示页面的最大滑动距离,并在所述第一页面滑动距离小于所述最大滑动距离的情况下,基于所述第一页面滑动距离,确定所述第二页面内容。
176.此外,在所述第一页面滑动距离小于所述最大滑动距离的情况下,还可以基于所述最大滑动距离,确定所述第二页面内容。
177.这里,在确定所述内容展示页面的最大滑动距离时,可以采用下述方式中的任一种:
178.方式1、根据历史滑动距离和历史滑动方向
179.这里,可以获取所述内容展示页面的历史滑动距离和历史滑动方向,并基于所述历史滑动距离和历史滑动方向确定所述最大滑动距离。
180.具体的,可以记录所述内容展示页面被打开后,针对所述内容展示页面发起过的历史滑动操作,并根据所述历史滑动操作中包含的历史滑动距离和历史滑动方向,确定出所述最大滑动距离。
181.示例性的,以针对所述内容展示页面发起过的历史滑动操作包括向上滑动50cm和向下滑动30cm,则可以根据所述历史滑动操作判断本次目标操作对应的最大滑动距离为20cm,所述最大滑动距离对应的存在限制的滑动方向为向下滑动,也即若本次的目标操作的滑动距离为20cm以上,可能会出现所述内容展示页面中的信息卡片不够展示的情况,因此最多只能向下滑动20cm以回到最初展示所述内容展示页面时的状态,而在此之后执行的
操作可以是任一可实现的操作(例如下拉刷新内容展示页面的操作等),本公开实施例对此不做限定。
182.此外,还可以预先针对不同的滑动方向设置限制滑动条件,从而可以根据历史滑动距离、历史滑动方向、所述限制滑动条件,确定出在不同滑动方向上分别对应的最大滑动距离。
183.示例性的,以滑动方向包括向上滑动和向下滑动为例,针对向上滑动可以设置的限制滑动条件例如可以是,单次滑动距离不超过预加载的各信息卡片的宽度之和,或者,单次滑动距离不超过预先设置的目标距离;针对向下滑动可以设置的限制滑动条件例如可以是,单次滑动距离不超过历史上滑距离之和,其中,计算所述历史上滑距离之和的公式为:历史滑动操作中滑动方向为向上滑动的上滑操作对应的滑动距离之和-历史滑动操作中滑动方向为向下滑动的下滑操作对应的滑动距离之和。
184.方式2、根据内容展示页面已展示的历史信息卡片
185.这里,可以确定所述内容展示页面已展示的历史信息卡片,并基于所述历史信息卡片的尺寸信息和所述内容展示页面当前展示的信息卡片,确定所述最大滑动距离。
186.示例性的,以所述滑动方向为向上滑动和向下滑动为例,可以根据所述历史信息卡片的尺寸信息中宽度信息,确定所述内容展示页面对应的已展示宽度信息,可以将信息卡片1~11(也即当前展示的信息卡片之前的全部信息卡片)分别对应的宽度信息之和,作为针对向下滑动方向设置的最大滑动距离;可以将所述已展示宽度信息分别与信息卡片1~17(也即当前展示的信息卡片的最后一个信息卡片)分别对应的宽度信息作差,并将得到的数值作为针对向上滑动方向设置的最大滑动距离。
187.另一种可能的实施方式中,在确定所述页面滑动距离时,还在检测到所述目标操作结束时刻的滑动速度小于所述预设速度阈值的情况下,基于所述滑动速度,确定第二页面滑动距离,以基于所述第二页面滑动距离控制所述第一页面内容进行更新。
188.这里,不同的滑动速度可以对应有预先设置的不同的初始滑动距离。
189.具体的,在基于所述目标操作的滑动速度确定初始滑动距离时,可以根据滑动速度与初始滑动距离的映射关系,确定与所述目标操作结束时刻的滑动速度对应的初始滑动距离。
190.示例性的,以所述预设速度阈值为2m/s,所述目标操作结束时刻的滑动速度为1m/s为例,在检测到所述目标操作结束时刻的滑动速度小于所述预设速度阈值的情况下,可以根据预设的滑动速度与初始滑动距离之间的映射关系,确定所述目标操作对应的初始滑动距离为30cm。
191.这样,通过设置预设速度阈值,并在所述目标操作结束时刻的滑动速度不小于所述预设速度阈值的情况下,按照上述步骤确定页面滑动距离,可以避免由于用户滑动速度过快导致的错过用户感兴趣内容的问题;而在所述目标操作结束时刻的滑动速度小于所述预设速度阈值的情况下,可以尽可能按照用户想要的滑动速度进行页面滑动,符合用户的实际页面滑动需求。
192.进一步的,在按照所述初始滑动距离确定所述第二页面内容时,可能会出现按照所述初始滑动距离滑动后,所述第二页面内容中出现信息卡片展示不完全的情况,因此在确定所述初始滑动距离后还可以根据以下步骤b1~b3对所述初始滑动距离进行更新,得到
更新后的页面滑动距离:
193.b1:确定所述第一页面内容按照所述初始滑动距离滑动后待展示的各信息卡片。
194.这里,在确定待展示的各信息卡片时,可以根据预先加载的各信息卡片的尺寸信息和所述第一页面内容的尺寸信息,确定出按照所述初始滑动距离滑动后待展示的各信息卡片。
195.示例性的,以当前展示的信息卡片为信息卡片1~6,滑动方向为向上滑动,页面滑动距离为30cm为例,则可以根据预先加载的信息卡片7~15的尺寸信息中的宽度信息6cm、6cm、5cm、6cm、6cm、6cm、6cm、6cm、6cm和所述内容展示页面的尺寸信息中的宽度信息20cm,确定待展示的信息卡片为信息卡片12~15。
196.b2:基于所述目标操作对应的滑动方向,确定所述待展示的多个信息卡片中的第二目标信息卡片。
197.这里,在所述目标操作对应的滑动方向为向上滑动的情况下,则可以将确定的待展示的信息卡片中的第一个信息卡片作为所述第二目标信息卡片。
198.承接上例,在确定待展示的信息卡片为信息卡片12~15后,可以将确定的待展示的第一个信息卡片作为“信息卡片12”作为所述第二目标信息卡片。
199.此外,在所述目标操作对应的滑动方向为向下滑动的情况下,则可以将确定的待展示的信息卡片中的第一个信息卡片作为所述第二目标信息卡片。
200.b3:基于所述第二目标信息卡片的第二位置信息和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。
201.这里,可以基于所述第二目标信息卡片对应的第二位置信息,确定出与所述初始滑动距离对应的调整距离,并基于所述调整距离和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。
202.具体的,可以基于所述第二目标信息卡片对应的第二位置信息,确定出所述第二目标信息卡片在按照所述初始滑动距离滑动后,在所述内容展示页面展示时的展示尺寸信息;基于所述第二目标信息卡片对应的展示尺寸信息和表征实际尺寸的尺寸信息,确定与所述初始滑动距离对应的调整距离,从而可以根据所述调整距离对所述初始滑动距离进行调整,确定所述目标操作对应的第二页面滑动距离。
203.示例性的,确定所述初始滑动距离对应的调整距离的示意图可以如图2g所示,图2g中,a为基于所述第二目标信息卡片对应的第二位置信息,确定的所述第二目标信息卡片在按照所述初始滑动距离滑动后,在所述内容展示页面展示时的预计展示宽度信息(也即所述展示尺寸信息);b为所述第二目标信息卡片完整展示时对应的实际展示宽度信息(也即表征实际尺寸的尺寸信息),b与a的差值即为所述初始滑动距离对应的调整距离。
204.这样,通过确定与初始滑动距离对应的调整距离,并根据调整距离对所述初始滑动距离进行调整,可以使得在所述目标操作后在滑动方向上展示的(也即用户在目标操作后看到的第一个)信息卡片是完整的,从而能够为用户带来完整而连贯的阅读体验,避免由于初始滑动距离和信息卡片的尺寸信息不匹配,所导致的用户最能直观感受到的那一个信息卡片展示不完整的情况。
205.示例性的,仍如图2g所示,所述内容展示页面在按照初始滑动距离进行滑动后的展示内容可以如图2g左侧图像所示,其中,信息卡片12展示并不完整,上方部分内容被遮
挡;所述内容展示页面在按照页面滑动距离进行滑动后的展示内容可以如图2g右侧图像所示,其中,信息卡片12展示完整。
206.另一种可能的实施方式中,在确定所述目标操作对应的页面滑动距离时,还可以基于所述目标操作结束时刻的滑动速度确定待验证滑动距离,并基于所述待验证滑动距离和预设距离阈值确定所述页面滑动距离。
207.具体的,在基于所述待验证滑动距离和预设距离阈值确定所述页面滑动距离时,可以包括以下情况:
208.情况1、待验证滑动距离不小于预设距离阈值
209.这里,在检测到所述待验证滑动距离不小于预设距离阈值的情况下,可以基于所述目标操作对应的滑动方向,确定所述内容展示页面当前展示的多个信息卡片中的目标信息卡片;基于所述第一目标信息卡片在所述内容展示页面中的第一位置信息,确定所述目标操作对应的页面滑动距离。
210.情况2、待验证滑动距离小于预设距离阈值
211.这里,在检测到所述待验证滑动距离不小于预设距离阈值的情况下,可以将所述待验证距离作为所述页面滑动距离。
212.a4:基于所述页面滑动距离,确定所述第二页面内容。
213.这里,在所述第一信息卡片中的目标信息卡片满足所述预设条件的情况下,所述第二页面内容包括所述目标信息卡片。
214.一种可能的实施方式中,在展示所述第二页面内容时,可以根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置并进行展示。
215.其中,在展示所述第一目标信息卡片时,可以分为以下几种情况:
216.情况1、所述目标操作对应的滑动方向为向上滑动
217.这里,在所述滑动方向为向上滑动的情况下,所述目标展示位置为顶部位置,所述目标展示位置的顶部边缘与所述内容展示页面的顶部边缘重合。
218.情况2、所述目标操作对应的滑动方向为向下滑动
219.这里,在所述滑动方向为向下滑动的情况下,所述目标展示位置为底部位置,所述目标展示位置的底部边缘与所述内容展示页面的底部边缘重合。
220.另一种可能的实施方式中,在确定所述第二页面内容时,还可以将控制所述第一页面内容按照所述页面滑动距离滑动后,待展示在所述内容展示页面的预加载的信息卡片作为所述第二页面内容中的第二信息卡片。
221.此外,在检测到所述目标操作结束时刻的滑动速度小于所述预设速度阈值的情况下,在展示所述第二页面时,还可以按照预设的动效渲染方式确定按照所述页面滑动距离进行页面滑动时,在滑动过程中各时间戳下内容展示页面分别对应的展示内容,并基于各时间戳下内容展示页面分别对应的展示内容生成动效媒体资源,通过展示所述动效媒体资源,即可完成对所述内容展示页面的展示内容的更新。
222.其中,预设的动效渲染方式可以包括阻尼运动的渲染方式,在所述阻尼运动的渲染方式中,相邻时间戳之间对应的滑动距离逐渐减小(也即随着时间戳更新,更新的内容越来越少),以达到类似阻尼运动的动效渲染效果。
223.本公开实施例提供的页面内容更新方法,通过响应针对内容展示页面的目标操
作,将内容展示页面展示的内容由包含多个第一信息卡片的列表页切换为,包含多个第二信息卡片的列表页,或者切换为包含多个第二信息卡片以及部分第一信息卡片的列表页,由于第一信息卡片和第二信息卡片是不同的信息卡片,因此通过这种方式可以实现对于内容展示页面展示的信息卡片的快速更新;切换后的列表页中还可以包括部分第一信息卡片,由此可以实现第一页面内容和第二页面内容的连贯,因此通过这种方式可以有助于帮助用户快速的找到感兴趣的内容,提升用户浏览效率。
224.本领域技术人员可以理解,在具体实施方式的上述方法中,各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定,各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。
225.基于同一发明构思,本公开实施例中还提供了与页面内容更新方法对应的页面内容更新装置,由于本公开实施例中的装置解决问题的原理与本公开实施例上述页面内容更新方法相似,因此装置的实施可以参见方法的实施,重复之处不再赘述。
226.参照图3所示,为本公开实施例提供的一种页面内容更新装置的架构示意图,所述装置包括:第一展示模块301和第二展示模块302;其中,
227.第一展示模块301,用于在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页;
228.第二展示模块302,用于响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二信息卡片以及部分第一信息卡片的列表页;
229.其中,所述多个第二信息卡片不同于所述多个第一信息卡片。
230.一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述第二展示模块302还用于根据以下步骤确定所述第二页面内容:
231.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动方向;
232.基于所述目标操作的滑动方向,确定所述第一页面内容的多个第一信息卡片中的第一目标信息卡片;
233.基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离;
234.基于所述第一页面滑动距离,确定所述第二页面内容。
235.一种可能的实施方式中,所述操作参数还包括滑动速度;
236.所述第二展示模块302,在基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离时,用于:
237.在检测到所述目标操作结束时刻的滑动速度不小于预设速度阈值的情况下,基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离。
238.一种可能的实施方式中,在所述目标操作为滑动操作的情况下,所述第二展示模块302还用于:
239.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动速度;
240.在检测到所述目标操作结束时刻的滑动速度小于预设速度阈值的情况下,基于所
述滑动速度,确定第二页面滑动距离;
241.基于所述第二页面滑动距离控制所述第一页面内容进行更新。
242.一种可能的实施方式中,所述目标操作对应的操作参数还包括滑动方向;
243.所述第二展示模块302,在基于所述滑动速度,确定第二页面滑动距离时,用于:
244.确定与所述滑动速度对应的初始滑动距离;
245.确定所述第一页面内容按照所述初始滑动距离滑动后待展示的各信息卡片;
246.基于所述目标操作对应的滑动方向,确定所述待展示的多个信息卡片中的第二目标信息卡片;
247.基于所述第二目标信息卡片的第二位置信息和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。
248.一种可能的实施方式中,所述滑动方向包括向上滑动和向下滑动;
249.所述第二展示模块302,在基于所述目标操作对应的滑动方向,确定所述多个第一信息卡片中的第一目标信息卡片时,用于:
250.在检测到所述目标操作对应的滑动方向为向上滑动的情况下,将所述多个第一信息卡片中底部的信息卡片作为所述第一目标信息卡片;以及,
251.在检测到所述目标操作对应的滑动方向为向下滑动的情况下,将所述多个第一信息卡片中顶部的信息卡片作为所述第一目标信息卡片。
252.一种可能的实施方式中,在所述第一信息卡片中的第一目标信息卡片满足预设条件的情况下,所述第二页面内容包括所述第一目标信息卡片;
253.所述第二展示模块302,在展示第二页面内容时,用于:
254.根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置并进行展示。
255.一种可能的实施方式中,所述第一目标信息卡片满足预设条件包括所述第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示。
256.一种可能的实施方式中,所述第二展示模块302,在根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置时,用于:
257.在所述滑动方向为向上滑动的情况下,所述目标展示位置为顶部位置,所述目标展示位置的顶部边缘与所述列表页的顶部边缘重合;
258.在所述滑动方向为向下滑动的情况下,所述目标展示位置为底部位置,所述目标展示位置的底部边缘与所述列表页的底部边缘重合。
259.一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向上滑动的情况下,所述第二展示模块302,在基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离时,用于:
260.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离;
261.在所述第一目标信息卡片不满足所述预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的顶部边缘之
间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离。
262.一种可能的实施方式中,在检测到所述目标操作对应的滑动方向为向下滑动的情况下,所述第二展示模块302,在基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离时,用于:
263.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离;
264.在所述第一目标信息卡片不满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离。
265.一种可能的实施方式中,在所述操作参数中的滑动方向为向下滑动的情况下,在确定第一页面滑动距离之后,所述第二展示模块302还用于:
266.确定所述内容展示页面的最大滑动距离;
267.在所述第一页面滑动距离小于所述最大滑动距离的情况下,基于所述第一页面滑动距离,确定所述第二页面内容。
268.一种可能的实施方式中,所述第二展示模块302还用于:
269.在所述第一页面滑动距离不小于所述最大滑动距离的情况下,基于所述最大滑动距离,确定所述第二页面内容。
270.一种可能的实施方式中,所述第二展示模块302,在确定所述内容展示页面的最大滑动距离时,用于:
271.获取所述内容展示页面的历史滑动距离和历史操作方向,并基于所述历史操作距离和历史滑动方向确定所述最大滑动距离;或者,
272.确定已展示的历史信息卡片,并基于所述历史信息卡片的尺寸信息和当前展示的信息卡片,确定所述最大滑动距离。
273.一种可能的实施方式中,所述第二展示模块302,在基于所述第一页面滑动距离,确定所述第二页面内容时,用于根据以下方法确定所述第二页面内容包括的第二信息卡片:
274.将控制所述第一页面内容按照所述第一页面滑动距离滑动后,待展示在所述内容展示页面的预加载的信息卡片作为所述第二页面内容中的第二信息卡片。
275.本公开实施例提供的页面内容更新装置,通过响应针对内容展示页面的目标操作,将内容展示页面展示的内容由包含多个第一信息卡片的列表页切换为,包含多个第二信息卡片的列表页,或者切换为包含多个第二信息卡片以及部分第一信息卡片的列表页,由于第一信息卡片和第二信息卡片是不同的信息卡片,因此通过这种方式可以实现对于内容展示页面展示的信息卡片的快速更新;切换后的列表页中还可以包括部分第一信息卡片,由此可以实现第一页面内容和第二页面内容的连贯,因此通过这种方式可以有助于帮助用户快速的找到感兴趣的内容,提升用户浏览效率。
276.关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明,这里不再详述。
277.基于同一技术构思,本公开实施例还提供了一种计算机设备。参照图4所示,为本
公开实施例提供的计算机设备400的结构示意图,包括处理器401、存储器402、和总线403。其中,存储器402用于存储执行指令,包括内存4021和外部存储器4022;这里的内存4021也称内存储器,用于暂时存放处理器401中的运算数据,以及与硬盘等外部存储器4022交换的数据,处理器401通过内存4021与外部存储器4022进行数据交换,当计算机设备400运行时,处理器401与存储器402之间通过总线403通信,使得处理器401在执行以下指令:
278.在内容展示页面展示第一页面内容,其中,所述第一页面内容为包括多个第一信息卡片的列表页;
279.响应针对所述内容展示页面的目标操作,展示第二页面内容;其中,所述第二页面内容为包括多个第二信息卡片的列表页,或者,所述第二页面内容为包括多个第二信息卡片以及部分第一信息卡片的列表页;
280.其中,所述多个第二信息卡片不同于所述多个第一信息卡片。
281.一种可能的实施方式中,所述处理器401的指令中,在所述目标操作为滑动操作的情况下,还包括根据以下方法确定所述第二页面内容:
282.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动方向;
283.基于所述目标操作的滑动方向,确定所述第一页面内容的多个第一信息卡片中的第一目标信息卡片;
284.基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离;
285.基于所述第一页面滑动距离,确定所述第二页面内容。
286.一种可能的实施方式中,所述处理器401的指令中,所述操作参数还包括滑动速度;
287.所述基于所述第一目标信息卡片的第一位置信息和所述操作参数,确定第一页面滑动距离,包括:
288.在检测到所述目标操作结束时刻的滑动速度不小于预设速度阈值的情况下,基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离。
289.一种可能的实施方式中,所述处理器401的指令中,在所述目标操作为滑动操作的情况下,还包括:
290.获取所述目标操作对应的操作参数,所述操作参数包括所述目标操作的滑动速度;
291.在检测到所述目标操作结束时刻的滑动速度小于预设速度阈值的情况下,基于所述滑动速度,确定第二页面滑动距离;
292.基于所述第二页面滑动距离控制所述第一页面内容进行更新。
293.一种可能的实施方式中,所述处理器401的指令中,所述目标操作对应的操作参数还包括滑动方向;
294.所述基于所述滑动速度,确定第二页面滑动距离,包括:
295.确定与所述滑动速度对应的初始滑动距离;
296.确定所述第一页面内容按照所述初始滑动距离滑动后待展示的各信息卡片;
297.基于所述目标操作对应的滑动方向,确定所述待展示的多个信息卡片中的第二目
标信息卡片;
298.基于所述第二目标信息卡片的第二位置信息和所述初始滑动距离,确定所述目标操作对应的第二页面滑动距离。
299.一种可能的实施方式中,所述处理器401的指令中,所述滑动方向包括向上滑动和向下滑动;
300.所述基于所述目标操作对应的滑动方向,确定所述多个第一信息卡片中的第一目标信息卡片,包括:
301.在检测到所述目标操作对应的滑动方向为向上滑动的情况下,将所述多个第一信息卡片中底部的信息卡片作为所述第一目标信息卡片;以及,
302.在检测到所述目标操作对应的滑动方向为向下滑动的情况下,将所述多个第一信息卡片中顶部的信息卡片作为所述第一目标信息卡片。
303.一种可能的实施方式中,所述处理器401的指令中,在所述第一信息卡片中的第一目标信息卡片满足预设条件的情况下,所述第二页面内容包括所述第一目标信息卡片;
304.所述展示第二页面内容,包括:
305.根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置并进行展示。
306.一种可能的实施方式中,所述处理器401的指令中,所述第一目标信息卡片满足预设条件包括所述第一目标信息卡片在所述第一页面内容未被完整展示,和/或,所述第一目标信息卡片的展示比例小于预设展示比例,和/或,所述第一目标信息卡片对应的详细页面未被展示。
307.一种可能的实施方式中,所述处理器401的指令中,所述根据滑动方向,确定第一目标信息卡片在第二列表页的目标展示位置,包括:
308.在所述滑动方向为向上滑动的情况下,所述目标展示位置为顶部位置,所述目标展示位置的顶部边缘与所述列表页的顶部边缘重合;
309.在所述滑动方向为向下滑动的情况下,所述目标展示位置为底部位置,所述目标展示位置的底部边缘与所述列表页的底部边缘重合。
310.一种可能的实施方式中,所述处理器401的指令中,在检测到所述目标操作对应的滑动方向为向上滑动的情况下,所述基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离,包括:
311.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离;
312.在所述第一目标信息卡片不满足所述预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的顶部边缘之间的第一距离,并将确定的所述第一距离作为所述第一页面滑动距离。
313.一种可能的实施方式中,所述处理器401的指令中,在检测到所述目标操作对应的滑动方向为向下滑动的情况下,所述基于所述第一目标信息卡片的第一位置信息,确定所述第一页面滑动距离,包括:
314.在所述第一目标信息卡片满足预设条件的情况下,基于所述第一目标信息卡片的
展示位置信息,确定所述第一目标信息卡片的底部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离;
315.在所述第一目标信息卡片不满足预设条件的情况下,基于所述第一目标信息卡片的展示位置信息,确定所述第一目标信息卡片的顶部边缘与所述列表页的底部边缘之间的第二距离,并将确定的所述第二距离作为所述第一页面滑动距离。
316.一种可能的实施方式中,所述处理器401的指令中,在所述操作参数中的滑动方向为向下滑动的情况下,在确定第一页面滑动距离之后,还包括:
317.确定所述内容展示页面的最大滑动距离;
318.在所述第一页面滑动距离小于所述最大滑动距离的情况下,基于所述第一页面滑动距离,确定所述第二页面内容。
319.一种可能的实施方式中,所述处理器401的指令中,还包括:
320.在所述第一页面滑动距离不小于所述最大滑动距离的情况下,基于所述最大滑动距离,确定所述第二页面内容。
321.一种可能的实施方式中,所述处理器401的指令中,所述确定所述内容展示页面的最大滑动距离,包括:
322.获取所述内容展示页面的历史滑动距离和历史操作方向,并基于所述历史操作距离和历史滑动方向确定所述最大滑动距离;或者,
323.确定已展示的历史信息卡片,并基于所述历史信息卡片的尺寸信息和当前展示的信息卡片,确定所述最大滑动距离。
324.一种可能的实施方式中,所述处理器401的指令中,所述基于所述第一页面滑动距离,确定所述第二页面内容,包括根据以下方法确定所述第二页面内容包括的第二信息卡片:
325.将控制所述第一页面内容按照所述第一页面滑动距离滑动后,待展示在所述内容展示页面的预加载的信息卡片作为所述第二页面内容中的第二信息卡片。
326.本公开实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行上述方法实施例中所述的页面内容更新方法的步骤。其中,该存储介质可以是易失性或非易失的计算机可读取存储介质。
327.本公开实施例还提供一种计算机程序产品,该计算机程序产品承载有程序代码,所述程序代码包括的指令可用于执行上述方法实施例中所述的页面内容更新方法的步骤,具体可参见上述方法实施例,在此不再赘述。
328.其中,上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中,所述计算机程序产品具体体现为计算机存储介质,在另一个可选实施例中,计算机程序产品具体体现为软件产品,例如软件开发包(software development kit,sdk)等等。
329.所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统和装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。在本公开所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集
成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
330.所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
331.另外,在本公开各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
332.所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解,本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:u盘、移动硬盘、只读存储器(read-only memory,rom)、随机存取存储器(random access memory,ram)、磁碟或者光盘等各种可以存储程序代码的介质。
333.最后应说明的是:以上所述实施例,仅为本公开的具体实施方式,用以说明本公开的技术方案,而非对其限制,本公开的保护范围并不局限于此,尽管参照前述实施例对本公开进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本公开揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围,都应涵盖在本公开的保护范围之内。因此,本公开的保护范围应所述以权利要求的保护范围为准。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1