CN109816485B - 页面展示方法及装置 - Google Patents

页面展示方法及装置 Download PDF

Info

Publication number
CN109816485B
CN109816485B CN201910043010.6A CN201910043010A CN109816485B CN 109816485 B CN109816485 B CN 109816485B CN 201910043010 A CN201910043010 A CN 201910043010A CN 109816485 B CN109816485 B CN 109816485B
Authority
CN
China
Prior art keywords
parameter
sliding
depth
page
field
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201910043010.6A
Other languages
English (en)
Other versions
CN109816485A (zh
Inventor
白杨
盛娇麒
李煜佳
梁芳
王峰
马麦琪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Koubei Shanghai Information Technology Co Ltd
Original Assignee
Koubei Shanghai Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Koubei Shanghai Information Technology Co Ltd filed Critical Koubei Shanghai Information Technology Co Ltd
Priority to CN201910043010.6A priority Critical patent/CN109816485B/zh
Publication of CN109816485A publication Critical patent/CN109816485A/zh
Application granted granted Critical
Publication of CN109816485B publication Critical patent/CN109816485B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种页面展示方法及装置。其中,页面包含待展示的动图,页面展示方法包括:监测用户针对页面的滑动手势操作,确定滑动手势参数;根据滑动手势参数确定动图中特定元素的景深变化参数;响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。基于本发明提供的方案,实现了在有限的区域内展示更多的内容,提高了屏幕显示的利用率,同时营造了用户参与氛围,增强了用户参与感,使更多的用户参与到其中。

Description

页面展示方法及装置
技术领域
本发明涉及互联网技术领域,具体涉及一种页面展示方法及装置。
背景技术
随着互联网技术的不断发展,各种应用程序应运而生,例如,购物类应用程序、外卖类应用程序、租车类应用程序等。每个应用程序都会预先配置各种页面,页面中包含待呈现的图片,用户打开应用程序中相应的页面后,将页面中的内容展示给用户。当用户滑动页面时,在页面中以滑动跟随方式呈现该图片。
在进行页面展示时,也仅是图片在二维平面上的展示,图片滑过屏幕显示区域时,无法营造用户参与氛围,以吸引更多的用户参与到其中,而且由于展示区域的限制,无法展示更多的内容。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面展示方法及装置。
根据本发明的一个方面,提供了一种页面展示方法,页面包含待展示的动图,方法包括:
监测用户针对页面的滑动手势操作,确定滑动手势参数;
根据滑动手势参数确定动图中特定元素的景深变化参数;
响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。
可选地,滑动手势参数包括:滑动方向参数,景深变化参数包括:景深状态变化参数;
根据滑动手势参数确定动图中特定元素的景深变化参数进一步包括:根据滑动方向参数确定动图中特定元素的景深状态变化参数。
可选地,根据滑动方向参数确定动图中特定元素的景深状态变化参数进一步包括:
若滑动方向参数为向上滑动参数,则确定景深状态变化参数为远景状态切换至近景状态;
若滑动方向参数为向下滑动参数,则确定景深状态变化参数为近景状态切换至远景状态。
可选地,滑动手势参数包括:滑动速度参数,景深变化参数包括:景深频率变化参数;
根据滑动手势参数确定动图中特定元素的景深变化参数进一步包括:根据滑动速度参数确定动图中特定元素的景深频率变化参数。
可选地,在监测用户针对页面的滑动手势操作之后,方法还包括:
判断动图是否部分或全部滑入屏幕显示区域;
若是,则执行根据滑动手势参数确定动图中特定元素的景深变化参数的步骤。
可选地,方法还包括:检测动图是否位于屏幕显示区域的顶端;若是,则以近景状态展示动图中的特定元素。
可选地,方法还包括:监测用户对动图的触发操作;
根据触发操作,显示动图对应的内容页面。
根据本发明的另一方面,提供了一种页面展示装置,页面包含待展示的动图,装置包括:
监测模块,适于监测用户针对页面的滑动手势操作,确定滑动手势参数;
确定模块,适于根据滑动手势参数确定动图中特定元素的景深变化参数;
处理模块,适于响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。
可选地,滑动手势参数包括:滑动方向参数,景深变化参数包括:景深状态变化参数;
确定模块进一步适于:根据滑动方向参数确定动图中特定元素的景深状态变化参数。
可选地,确定模块进一步适于:若滑动方向参数为向上滑动参数,则确定景深状态变化参数为远景状态切换至近景状态;
若滑动方向参数为向下滑动参数,则确定景深状态变化参数为近景状态切换至远景状态。
可选地,滑动手势参数包括:滑动速度参数,景深变化参数包括:景深频率变化参数;
确定模块进一步适于:根据滑动速度参数确定动图中特定元素的景深频率变化参数。
可选地,装置还包括:判断模块,适于判断动图是否部分或全部滑入屏幕显示区域;
确定模块进一步适于:若判断出动图部分或全部滑入屏幕显示区域,则根据滑动手势参数确定动图中特定元素的景深变化参数。
可选地,装置还包括:检测模块,适于检测动图是否位于屏幕显示区域的顶端;
处理模块还适于:以近景状态展示动图中的特定元素。
可选地,监测模块还适于:监测用户对动图的触发操作;
装置还包括:显示模块,适于根据触发操作,显示动图对应的内容页面。
根据本发明的又一方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,处理器、存储器和通信接口通过通信总线完成相互间的通信;
存储器用于存放至少一可执行指令,可执行指令使处理器执行上述页面展示方法对应的操作。
根据本发明的再一方面,提供了一种计算机存储介质,存储介质中存储有至少一可执行指令,可执行指令使处理器执行如上述页面展示方法对应的操作。
根据本发明提供的方案,监测用户针对页面的滑动手势操作,确定滑动手势参数;根据滑动手势参数确定动图中特定元素的景深变化参数;响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。基于本发明提供的方案,实现了在有限的区域内展示更多的内容,提高了屏幕显示的利用率,同时营造了用户参与氛围,增强了用户参与感,使更多的用户参与到其中。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的页面展示方法的流程示意图;
图2A示出了根据本发明另一个实施例的页面展示方法的流程示意图;
图2B为包含营销活动的动图的页面展示示意图;
图3示出了根据本发明一个实施例的页面展示装置的结构示意图;
图4示出了根据本发明一个实施例的计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的页面展示方法的流程示意图。其中,页面包含待展示的动图,如图1所示,该方法包括以下步骤:
步骤S100,监测用户针对页面的滑动手势操作,确定滑动手势参数。
本实施例中的页面展示方法是针对应用程序中的页面进行展示,在打开应用程序的包含待展示动图的页面时,通过终端设备向用户呈现包含待展示的动图的页面,用户根据其需求选择是否滑动页面以查看页面中更多内容或者回看页面中的内容。这里的页面可以是进入应用程序后,应用程序的首页面,也可以是根据用户点击操作而进入的二级页面、三级页面等页面。
其中,滑动手势操作是用户针对页面的操作,而不是针对页面中待展示的动图的操作,也就是说,监测的是用户针对页面的任意位置的滑动手势操作,而不是监测用户针对页面中的动图的滑动手势操作。其中,滑动手势操作可以是单指向上滑动、单指向下滑动、多指向上滑动或多指向下滑动。这里仅是举例说明,不具有任何限定作用。
在监测到用户针对页面的滑动手势操作后,确定滑动手势操作对应的滑动手势参数。
步骤S101,根据滑动手势参数确定动图中特定元素的景深变化参数。
景深变化参数体现了动图中特定元素的景深变化情况,在本实施例中,不同滑动手势操作所对应的滑动手势参数不同,决定了动图中特定元素的景深变化参数的不同。
步骤S102,响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。
在监测到用户针对页面的滑动手势操作后,可以确定用户有查看页面中其他内容的动机,因此,在根据步骤S101确定景深变化参数后,需要响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,即,页面中的动图随着页面的滑动而滑动,并且使动图中的特定元素依据景深变化参数进行动态展示。
根据本发明上述实施例提供的方法,监测用户针对页面的滑动手势操作,确定滑动手势参数;根据滑动手势参数确定动图中特定元素的景深变化参数;响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。基于本发明提供的方案,实现了在有限的区域内展示更多的内容,提高了屏幕显示的利用率,同时营造了用户参与氛围,增强了用户参与感,使更多的用户参与到其中。
图2A示出了根据本发明另一个实施例的页面展示方法的流程示意图。其中,页面包含待展示的动图,如图2A所示,该方法包括以下步骤:
步骤S200,判断动图是否部分或全部滑入屏幕显示区域,若是,则执行步骤S201。
本实施例中的页面展示方法是针对应用程序中的页面进行展示,在打开应用程序中的包含待展示动图的页面时,通过终端设备向用户呈现包含待展示动图的页面,用户根据其需求选择是否滑动页面以查看页面中更多内容或者回看页面中的内容。这里的页面可以是进入应用程序后,应用程序的首页面,也可以是根据用户点击操作而进入的二级页面、三级页面等页面。本实施例中所涉及的终端设备可以包括但不限于手机、个人数字助理(Personal Digital Assistant,PDA)、平板电脑(Tablet Computer)等。
具体地,在打开应用程序中的包含待展示动图的页面后,可能出现在屏幕显示区域就已经露出了待展示动图的情况;也可能出现在打开应用程序中的包含待展示动图的页面后,待展示动图并未露出于屏幕显示区域,而是随着用户上滑所打开的页面,待展示动图逐渐露出于屏幕显示区域,用户继续上滑所打开的页面,待展示动图逐渐滑出屏幕显示区域,用户下滑所打开的页面,待展示动图逐渐露出于屏幕显示区域。
因此,需要进一步限定何时采用该页面展示方法进行页面展示,具体地,可以在动图部分或者全部滑入终端设备的屏幕显示区域时,进行相应的页面展示,因此,需要实时判断动图是否部分或全部滑入屏幕显示区域,例如,通过判断动图的上边缘是否高于屏幕显示区域的下边缘来判断动图是否部分滑入屏幕显示区域,或者,通过判断动图的下边缘是否低于屏幕显示区域的上边缘来判断动图是否部分滑入屏幕显示区域,或者,通过判断动图的下边缘是否高于屏幕显示区域的下边缘来判断动图是否全部滑入屏幕显示区域,或者,通过判断动图的上边缘是否低于屏幕显示区域的上边缘来判断动图是否全部滑入屏幕显示区域。
步骤S201,监测用户针对页面的滑动手势操作,确定滑动手势参数。
在判断出动图已经部分或全部滑入屏幕显示区域中后,需要实时监测用户针对页面的滑动手势操作,其中,滑动手势操作是用户针对页面的操作,而不是针对页面中待展示的动图的操作,也就是说,监测的是用户针对页面的任意位置的滑动手势操作,而不是监测用户针对页面中的待展示动图的滑动手势操作。其中,滑动手势操作可以是单指向上滑动、单指向下滑动、多指向上滑动或多指向下滑动。这里仅是举例说明,不具有任何限定作用。
在监测到用户针对页面的滑动手势操作后,确定滑动手势操作对应的滑动手势参数。其中,滑动手势参数包括滑动方向参数和滑动速度参数,滑动方向参数表明手势滑动的方向,例如,向上滑动参数、向下滑动参数;滑动速度参数表明手势滑动的速度。
在确定了滑动手势参数后,可以根据滑动手势参数确定动图中特定元素的景深变化参数,其中,景深变化参数包括景深状态变化参数和景深频率变化参数,不同的滑动手势参数所确定的景深变化参数会有所不同,具体可以利用步骤S202-步骤S203中的方法确定景深变化参数。
步骤S202,根据滑动方向参数确定动图中特定元素的景深状态变化参数。
滑动方向参数体现了用户对页面进行滑动时手势滑动的方向,例如,向上滑动或者向下滑动。为了能够营造出不同的氛围,增强用户参与感,针对不同的滑动方向参数,确定动图中特定元素的景深状态变化参数,其中,景深状态变化参数体现了动图中特定元素的景深状态变化情况,例如,若滑动方向参数为向上滑动参数,则确定景深状态变化参数为远景状态切换至近景状态,从视觉效果来看,向动图中特定元素拉近,动图整体向前移动;若滑动方向参数为向下滑动参数,则确定景深状态变化参数为近景状态切换至远景状态,从视觉效果来看,向动图中特定元素远离,动图整体向后移动。
步骤S203,根据滑动速度参数确定动图中特定元素的景深频率变化参数。
滑动速度参数体现了用户对页面进行滑动时手势滑动的速度,手势滑动的速度可以根据手势滑动的距离及手势滑动的时间确定,在确定了滑动速度参数后,可以根据滑动速度参数确定动图中特定元素的景深频率变化参数,例如,可以存储有滑动速度参数与景深频率变化参数的对应关系,根据滑动速度参数查询确定其对应的景深频率变化参数。其中,景深频率变化参数体现了动图中特定元素景深变化频率,即,动图中特定元素的景深以何种频率变化。
在本发明一种可选实施方式中,可以将滑动速度分为慢速、中速、快速三个级别,针对三种不同的滑动速度参数,所确定的动图中特定元素的景深频率变化参数也会有所不同,决定了动图中的特定元素的景深变化频率。
本步骤为可选实施步骤,在未确定滑动速度参数的情况下,动图中特定元素的景深频率变化参数可以固定频率,即在进行页面展示时,动图中的特定元素的景深以固定频率进行动态展示。
步骤S204,响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深状态变化参数及景深频率变化参数进行动态展示。
在监测到用户针对页面的滑动手势操作后,可以确定用户有查看页面中其他内容的动机,因此,在根据步骤S202-步骤S203确定景深状态变化参数及景深频率变化参数后,需要响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,即,页面中的动图随着页面的滑动而滑动,并且使动图中的特定元素依据景深状态变化参数及景深频率变化参数进行动态展示。
举例说明,若滑动方向参数为向上滑动参数,且滑动速度参数为快速,确定动图中的特定元素的景深状态变化参数为远景状态切换至近景状态,并确定滑动速度参数:快速对应的景深变化频率,那么在进行页面展示时,控制动图跟随页面向上滑动,且控制动图中的特定元素以相应的景深变化频率由远景状态切换至近景状态;若滑动方向参数为向下滑动参数,且滑动速度参数为中速,确定动图中的特定元素的景深状态变化参数为近景状态切换至远景状态,并确定滑动速度参数:中速对应的景深变化频率,那么在进行页面展示时,控制动图跟随页面向下滑动,且控制动图中的特定元素以相应的景深变化频率由近景状态切换至远景状态。这里仅是举例说明,不具有任何限定作用。
在本发明一种可选实施方式中,随着用户手势滑动,动图跟随页面一起滑动,为了进一步增强用户参与氛围,需要检测动图是否位于屏幕显示区域的顶端,例如,通过检测动图的上边缘是否与屏幕显示区域的上边缘相切来确定动图是否位于屏幕显示区域的顶端;若是,则以近景状态展示动图中的特定元素。
步骤S205,监测用户对动图的触发操作。
在本实施例中,通过使动图中的特定元素依据景深状态变化参数及景深频率变化参数进行动态展示,增加了用户的参与感,从而使用户有欲望点击动图以了解动图对应的内容,因此,需要实时监测用户对动图的触发操作,例如,用户对动图的点击操作等,可以视为用户想要进一步了解对应的具体内容。
步骤S206,根据触发操作,显示动图对应的内容页面。
在监测到用户对动图的触发操作后,可以根据该触发操作,在终端设备的屏幕显示区域加载显示动图对应的内容页面,将动图对应的内容页面呈现给用户,供用户查看了解。
下面结合具体实例详细介绍页面展示方法,以动图为某营销活动的动图,动图中特定元素为营销活动的会场入口为例进行说明,图2B为包含营销活动的动图的页面展示示意图,在该部分中,以用户针对页面的滑动手势操作为向上滑动操作为例进行说明,在图2B中仅示意性呈现了动图并未呈现页面中其它内容,在用户打开应用程序中的包含待展示动图的页面后,页面中的待展示动图并未露出于屏幕显示区域,而是随着用户上滑所打开的页面,待展示动图逐渐露出于屏幕显示区域。
用户未对页面进行任何操作时,在屏幕显示区域并未显示动图,还是显示页面中其它内容;用户向上滑动页面,待展示动图跟随页面滑动,部分滑入屏幕显示区域,此时仅露出一部分会场入口,会场入口呈远景状态;用户继续上滑页面,动待展示图跟随页面继续滑动,全部滑入屏幕显示区域,此时会场入口完整呈现,会场入口呈远景状态;在判断出待展示动图全部滑入屏幕显示区域后,用户继续上滑页面,确定滑动方向参数为向上滑动参数,根据向上滑动参数确定动图中会场入口的景深状态变化参数为远景状态切换至近景状态,假如确定滑动速度参数为中速,根据滑动速度参数:中速确定动图中会场入口的景深变化频率,响应于向上滑动操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深状态变化参数:远景状态切换至近景状态及景深变化频率进行动态展示,具体体现为,会场入口拉近,整体画面会向前移动;用户继续上滑页面,当检测到动图位于屏幕显示区域的顶端时,拉近至会场入口,会场入口呈近景状态;当监测到用户对动图的触发操作时,根据触发操作,显示动图对应的内容页面。
在本实施方式中,会场入口呈打开状态,在另一种可选实施方式中,会场入口初始状态可以为关闭状态,当动图上滑至预设位置时,再打开会场入口,从而增强活动氛围,进一步吸引用户点击动图以查看动图对应的内容页面。
根据本发明上述实施例提供的方法,判断动图是否部分或全部滑入屏幕显示区域,若是,则监测用户针对页面的滑动手势操作,确定滑动手势参数,根据滑动方向参数确定动图中特定元素的景深状态变化参数,根据滑动速度参数确定动图中特定元素的景深频率变化参数,响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示,监测用户对动图的触发操作,根据触发操作,显示动图对应的内容页面。基于本发明提供的方案,实现了在有限的区域内展示更多的内容,提高了屏幕显示的利用率,同时营造了用户参与氛围,增强了用户参与感,能够吸引用户点击,使更多的用户参与到其中。
图3示出了根据本发明一个实施例的页面展示装置的结构示意图。其中,页面包含待展示的动图,如图3所示,该装置包括:监测模块300、确定模块310、处理模块320。
监测模块300,适于监测用户针对页面的滑动手势操作,确定滑动手势参数。
确定模块310,适于根据滑动手势参数确定动图中特定元素的景深变化参数。
处理模块320,适于响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。
可选地,滑动手势参数包括:滑动方向参数,景深变化参数包括:景深状态变化参数;
确定模块310进一步适于:根据滑动方向参数确定动图中特定元素的景深状态变化参数。
可选地,确定模块310进一步适于:若滑动方向参数为向上滑动参数,则确定景深状态变化参数为远景状态切换至近景状态;
若滑动方向参数为向下滑动参数,则确定景深状态变化参数为近景状态切换至远景状态。
可选地,滑动手势参数包括:滑动速度参数,景深变化参数包括:景深频率变化参数;
确定模块310进一步适于:根据滑动速度参数确定动图中特定元素的景深频率变化参数。
可选地,装置还包括:判断模块330,适于判断动图是否部分或全部滑入屏幕显示区域;
确定模块310进一步适于:若判断出动图部分或全部滑入屏幕显示区域,则根据滑动手势参数确定动图中特定元素的景深变化参数。
可选地,装置还包括:检测模块340,适于检测动图是否位于屏幕显示区域的顶端;
处理模块320还适于:以近景状态展示动图中的特定元素。
可选地,监测模块300还适于:监测用户对动图的触发操作;
装置还包括:显示模块350,适于根据触发操作,显示动图对应的内容页面。
根据本发明上述实施例提供的装置,监测用户针对页面的滑动手势操作,确定滑动手势参数;根据滑动手势参数确定动图中特定元素的景深变化参数;响应于滑动手势操作,在页面中以滑动跟随方式呈现动图,并且使动图中的特定元素依据景深变化参数进行动态展示。基于本发明提供的方案,实现了在有限的区域内展示更多的内容,提高了屏幕显示的利用率,同时营造了用户参与氛围,增强了用户参与感,使更多的用户参与到其中。
本发明实施例还提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的页面展示方法。
图4示出了根据本发明一个实施例的计算设备的结构示意图,本发明具体实施例并不对计算设备的具体实现做限定。
如图4所示,该计算设备可以包括:处理器(processor)402、通信接口(Communications Interface)404、存储器(memory)406、以及通信总线408。
其中:
处理器402、通信接口404、以及存储器406通过通信总线408完成相互间的通信。
通信接口404,用于与其它设备比如客户端或其它服务器等的网元通信。
处理器402,用于执行程序410,具体可以执行上述页面展示方法实施例中的相关步骤。
具体地,程序410可以包括程序代码,该程序代码包括计算机操作指令。
处理器402可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。计算设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器406,用于存放程序410。存储器406可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序410具体可以用于使得处理器402执行上述任意方法实施例中的页面展示方法。程序410中各步骤的具体实现可以参见上述页面展示实施例中的相应步骤和单元中对应的描述,在此不赘述。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的设备和模块的具体工作过程,可以参考前述方法实施例中的对应过程描述,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的页面展示设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (12)

1.一种页面展示方法,所述页面包含待展示的动图,所述方法包括:
监测用户针对所述页面的滑动手势操作,确定滑动手势参数;
根据所述滑动手势参数确定所述动图中特定元素的景深变化参数;
响应于所述滑动手势操作,在所述页面中以滑动跟随方式呈现所述动图,并且使所述动图中的特定元素依据所述景深变化参数进行动态展示;
其中,所述滑动手势参数包括:滑动方向参数,所述景深变化参数包括:景深状态变化参数;
所述根据所述滑动手势参数确定所述动图中特定元素的景深变化参数进一步包括:若所述滑动方向参数为向上滑动参数,则确定所述动图中特定元素的景深状态变化参数为远景状态切换至近景状态;
若所述滑动方向参数为向下滑动参数,则确定所述动图中特定元素的景深状态变化参数为近景状态切换至远景状态。
2.根据权利要求1所述的方法,其中,所述滑动手势参数包括:滑动速度参数,所述景深变化参数包括:景深频率变化参数;
所述根据所述滑动手势参数确定所述动图中特定元素的景深变化参数进一步包括:根据所述滑动速度参数确定所述动图中特定元素的景深频率变化参数。
3.根据权利要求1或2所述的方法,其中,在所述监测用户针对所述页面的滑动手势操作之后,所述方法还包括:
判断所述动图是否部分或全部滑入屏幕显示区域;
若是,则执行根据所述滑动手势参数确定所述动图中特定元素的景深变化参数的步骤。
4.根据权利要求1或2所述的方法,其中,所述方法还包括:
检测所述动图是否位于屏幕显示区域的顶端;若是,则以近景状态展示所述动图中的特定元素。
5.根据权利要求1或2所述的方法,其中,所述方法还包括:
监测用户对动图的触发操作;
根据所述触发操作,显示所述动图对应的内容页面。
6.一种页面展示装置,所述页面包含待展示的动图,所述装置包括:
监测模块,适于监测用户针对所述页面的滑动手势操作,确定滑动手势参数;
确定模块,适于根据所述滑动手势参数确定所述动图中特定元素的景深变化参数;
处理模块,适于响应于所述滑动手势操作,在所述页面中以滑动跟随方式呈现所述动图,并且使所述动图中的特定元素依据所述景深变化参数进行动态展示;
其中,所述滑动手势参数包括:滑动方向参数,所述景深变化参数包括:景深状态变化参数;
所述确定模块进一步适于:若所述滑动方向参数为向上滑动参数,则确定所述动图中特定元素的景深状态变化参数为远景状态切换至近景状态;
若所述滑动方向参数为向下滑动参数,则确定所述动图中特定元素的景深状态变化参数为近景状态切换至远景状态。
7.根据权利要求6所述的装置,其中,所述滑动手势参数包括:滑动速度参数,所述景深变化参数包括:景深频率变化参数;
所述确定模块进一步适于:根据所述滑动速度参数确定所述动图中特定元素的景深频率变化参数。
8.根据权利要求6或7所述的装置,其中,所述装置还包括:
判断模块,适于判断所述动图是否部分或全部滑入屏幕显示区域;
所述确定模块进一步适于:若判断出所述动图部分或全部滑入屏幕显示区域,则根据所述滑动手势参数确定所述动图中特定元素的景深变化参数。
9.根据权利要求6或7所述的装置,其中,所述装置还包括:检测模块,适于检测所述动图是否位于屏幕显示区域的顶端;
所述处理模块还适于:以近景状态展示所述动图中的特定元素。
10.根据权利要求6或7所述的装置,其中,所述监测模块还适于:监测用户对动图的触发操作;
所述装置还包括:显示模块,适于根据所述触发操作,显示所述动图对应的内容页面。
11.一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-5中任一项所述的页面展示方法对应的操作。
12.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1-5中任一项所述的页面展示方法对应的操作。
CN201910043010.6A 2019-01-17 2019-01-17 页面展示方法及装置 Active CN109816485B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910043010.6A CN109816485B (zh) 2019-01-17 2019-01-17 页面展示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910043010.6A CN109816485B (zh) 2019-01-17 2019-01-17 页面展示方法及装置

Publications (2)

Publication Number Publication Date
CN109816485A CN109816485A (zh) 2019-05-28
CN109816485B true CN109816485B (zh) 2021-06-15

Family

ID=66603443

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910043010.6A Active CN109816485B (zh) 2019-01-17 2019-01-17 页面展示方法及装置

Country Status (1)

Country Link
CN (1) CN109816485B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110276030A (zh) * 2019-06-19 2019-09-24 掌阅科技股份有限公司 网络页面的展示方法、电子设备及计算机存储介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103135902A (zh) * 2011-11-30 2013-06-05 佳能株式会社 信息处理装置及其控制方法
CN106873886A (zh) * 2016-12-30 2017-06-20 深圳超多维科技有限公司 一种立体显示的控制方法、装置和电子设备

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101651135B1 (ko) * 2010-07-12 2016-08-25 엘지전자 주식회사 이동 단말기 및 그 제어 방법
CN101963887A (zh) * 2010-09-26 2011-02-02 百度在线网络技术(北京)有限公司 一种基于滑动操作改变移动设备中显示对象的方法与设备
KR101872865B1 (ko) * 2012-03-05 2018-08-02 엘지전자 주식회사 전자 기기 및 전자 기기의 제어 방법
CN106502693B (zh) * 2016-10-17 2019-07-19 努比亚技术有限公司 一种图像显示方法和装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103135902A (zh) * 2011-11-30 2013-06-05 佳能株式会社 信息处理装置及其控制方法
CN106873886A (zh) * 2016-12-30 2017-06-20 深圳超多维科技有限公司 一种立体显示的控制方法、装置和电子设备

Also Published As

Publication number Publication date
CN109816485A (zh) 2019-05-28

Similar Documents

Publication Publication Date Title
US11079841B2 (en) Enabling augmented reality using eye gaze tracking
EP2804096B1 (en) Efficient fetching of a map data during animation
US10532271B2 (en) Data processing method for reactive augmented reality card game and reactive augmented reality card game play device, by checking collision between virtual objects
NL2008222C2 (en) Selective rendering of off-screen content.
JP6684883B2 (ja) カメラエフェクトを提供する方法およびシステム
KR20190037280A (ko) 2차원 코드 식별 방법 및 디바이스, 및 이동 단말기
CN111259284B (zh) 页面懒加载的方法和装置、存储介质和处理器
KR20130029071A (ko) 향상된 사용자 인터페이스를 제공하는 방법 및 장치
CN104166553A (zh) 一种显示方法及电子设备
US20140330814A1 (en) Method, client of retrieving information and computer storage medium
EP2423882B1 (en) Methods and apparatuses for enhancing wallpaper display
EP3918448A1 (en) Interactive augmented reality system
WO2014176938A1 (en) Method and apparatus of retrieving information
CN108491140B (zh) 互动内容的展示方法及装置
CN110187816B (zh) 漫画类型电子书的自动翻页方法、计算设备及存储介质
CN113178016A (zh) 触发区域
CN109816485B (zh) 页面展示方法及装置
CN111597009B (zh) 应用程序显示的方法、装置及终端设备
CN106681590B (zh) 一种行车记录装置屏幕内容的展示方法和装置
CN110275753B (zh) 应用程序的增值业务获取方法、装置及设备
JP6339550B2 (ja) 端末用プログラム、端末装置及び端末制御方法
CN116595281A (zh) 一种页面渲染方法、装置、设备以及存储介质
CN111813321A (zh) 手势控制方法及相关装置
JP6389996B1 (ja) 広告表示方法、広告表示サーバ及び広告表示プログラム
CN113722630B (zh) 基于客户端渲染的资源数据在web页面中的呈现方法及设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant