CN109189537A - 页面信息的动态显示方法、计算设备及计算机存储介质 - Google Patents
页面信息的动态显示方法、计算设备及计算机存储介质 Download PDFInfo
- Publication number
- CN109189537A CN109189537A CN201811014329.8A CN201811014329A CN109189537A CN 109189537 A CN109189537 A CN 109189537A CN 201811014329 A CN201811014329 A CN 201811014329A CN 109189537 A CN109189537 A CN 109189537A
- Authority
- CN
- China
- Prior art keywords
- content
- page
- page info
- pages
- layer
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Abstract
本发明公开了一种页面信息的动态显示方法、计算设备及计算机存储介质。其中,方法包括:确定显示页面中包含的与待显示的页面信息相对应的页面内容层;创建位于所述页面内容层之上的画布层;在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。本发明方案,创建的画布层特性专一,相较于利用SurfaceView控件实现动态显示的方案,本实施例中在画布层上绘制以及动态显示页面信息的过程占用的资源更少,可以更流畅的进行页面信息的动态显示。
Description
技术领域
本发明涉及计算机技术领域,具体涉及一种页面信息的动态显示方法、计算设备及计算机存储介质。
背景技术
如今,随着信息技术的发展,用户可以通过网页或应用页面来获取信息以满足不同的需求。与此同时,为了提升用户与网页或应用页面之间,或者用户与用户之间的互动性,众多的网站或应用提供了供用户发布互动信息的入口,例如,发弹幕,或者可以由平台主动发布互动信息,例如,飘红包或礼物,并且在发布互动信息后,可以在页面中动态显示该互动信息。例如,将用户发布的弹幕在页面中特定的区域内进行滚动显示。
现有技术中,通常是利用Android系统原生的SurfaceView控件实现互动信息的动态显示的。然而,由于该原生的SurfaceView控件需要支持多种多样的特性,其针对性不强,在互动信息的动态显示方案中,启用该SurfaceView控件会使加载并动态显示互动信息的耗时长,占用较多的资源以及导致页面卡顿。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面信息的动态显示方法、计算设备及计算机存储介质。
根据本发明的一个方面,提供了一种页面信息的动态显示方法,包括:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
根据本发明的另一方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
根据本发明的又一方面,提供了一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
根据本发明的页面信息的动态显示方法、计算设备及计算机存储介质,首先确定显示页面中包含的与待显示的页面信息相对应的页面内容层,以便于根据该页面内容层创建专用于绘制页面信息的各个动画帧、以及动态显示页面信息的画布层;然后,在画布层上按照与预设的动态显示规则相匹配的页面信息的显示样式进行页面信息的各个动画帧的绘制,以实现页面信息的动态显示。本发明方案,创建的画布层特性专一,相较于利用SurfaceView控件实现动态显示的方案,本实施例中在画布层上绘制以及动态显示页面信息的过程占用的资源更少,可以更流畅的进行页面信息的动态显示。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的页面信息的动态显示方法的流程图;
图2示出了根据本发明另一个实施例的页面信息的动态显示方法的流程图;
图3示出了根据本发明实施例的一种计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的页面信息的动态显示方法的流程图。如图1,该方法包括:
步骤S101,确定显示页面中包含的与待显示的页面信息相对应的页面内容层。
其中,待显示的页面信息包括需要在页面内容层上进行动态显示的信息。例如,页面内容层为视频内容所在的层,则待显示的页面信息为需要在该视频内容所在的层上进行动态显示的弹幕。
本发明中,不对确定页面内容层的方式做具体限定,实际实施时,本领域技术人员可灵活选择确定的方式。可选的,可通过分析显示页面的布局信息,并根据实际的显示需求,确定页面内容层。
步骤S102,创建位于页面内容层之上的画布层。
具体地,在页面内容层之上创建画布层,即创建的画布层与页面内容层为上下图层的关系。
需要在此说明的是,本发明中创建的画布层为专用于绘制页面信息的各个动画帧、以及动态显示页面信息的图层,相较于SurfaceView控件,该画布层不具备多余的特性,启用时占用资源少,例如占用较少的内存。
步骤S103,在画布层上依次绘制包含页面信息的各个动画帧,以实现页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
其中,预设的动态显示规则指预设的动态显示页面信息时的视觉效果的变化规则。以动态显示礼物为例,预设的视觉效果的变化规则为从上至下、由不可见至可见再至不可见、由小变大再变小、并且以一定的速度进行摇摆显示。
具体地,在画布层上依次绘制包含页面信息的各个动画帧的过程中,首先确定与预设的动态显示规则相匹配的页面信息的显示样式,然后进行动画帧的绘制。以上述示例中“由不可见至可见再至不可见”的视觉效果的变化规则为例,则在绘制过程中,首先需要根据该变化规则确定动态显示的过程中礼物的透明度参数。
根据本实施例提供的页面信息的动态显示方法,首先确定显示页面中包含的与待显示的页面信息相对应的页面内容层,以便于根据该页面内容层创建专用于绘制页面信息的各个动画帧、以及动态显示页面信息的画布层;然后,在画布层上按照与预设的动态显示规则相匹配的页面信息的显示样式进行页面信息的各个动画帧的绘制,以实现页面信息的动态显示。本实施方案,创建的画布层特性专一,相较于利用SurfaceView控件实现动态显示的方案,本实施例中在画布层上绘制以及动态显示页面信息的过程占用的资源更少,可以更流畅的进行页面信息的动态显示。
图2示出了根据本发明另一个实施例的页面信息的动态显示方法的流程图。如图2,该方法包括:
步骤S201,确定显示页面中包含的与待显示的页面信息相对应的页面内容层。
在本实施例中,主要以页面信息为弹幕信息和/或礼物信息作为示例来说明页面信息的动态显示方案,但是本发明并不以此为限,具体实施时,本领域技术人员可根据显示需求将页面信息确定为其它需要动态显示的信息。
具体地,分析显示页面的页面布局信息确定显示页面中的各个页面内容所在的图层,以及,确定对应需要显示待显示的页面信息的区域中的关联页面内容;将该关联页面内容所在的图层确定为与待显示的页面信息相对应的页面内容层。其中,页面布局信息可根据页面源码获取。
另外,若确定显示页面中包含至少两个页面内容层;则分别确定显示页面中包含各个页面内容层的属性信息;根据各个页面内容层的属性信息,将至少两个页面内容层中的至少一个页面内容层确定为与待显示的页面信息相对应的页面内容层,以便将页面信息的显示范围限定在与其对应的页面内容层所在的局部区域。其中,各个页面内容层的属性信息包括反映页面内容层的层级关系的相关信息,和/或,反映页面内容层中的页面内容的相关信息。并且,预设根据上述属性信息确定与待显示的页面信息相对应的页面内容层的确定规则,然后根据确定规则以及各个页面内容层的属性信息进行确定。下面以一些具体的实施方式来说明该将至少两个页面内容层中的至少一个页面内容层确定为与待显示的页面信息相对应的页面内容层的过程:
在一些具体的实施方式中,页面内容层的属性信息为页面内容层所属的页面层级,则根据页面层级的高低将至少两个页面内容层中的至少一个页面内容层确定为与待显示的页面信息相对应的页面内容层。可选的,将页面层级最高或最低的页面内容层确定为与待显示的页面信息相对应的页面内容层。
和/或,在本发明的另一些具体的实施例中,页面内容层的属性信息为页面内容层中的页面内容的类型,则根据页面内容的类型将至少两个页面内容层中的至少一个页面内容层确定为与待显示的页面信息相对应的页面内容层。可选的,预先设置不同类型的页面内容对应确定页面内容层时的优先级,然后将优先级高的类型的页面内容所在的页面内容层确定为与待显示的页面信息相对应的页面内容层。例如,视频内容、图片内容以及文字内容对应确定页面内容层时的优先级依次降低,若至少两个页面内容层中的页面内容的类型分别为视频内容和文字内容,则将视频内容所在的页面内容层确定为与待显示的页面信息相对应的页面内容层。
和/或,在本发明的又一些具体实施例中,页面内容层的属性信息为页面内容层中的页面内容对应在终端屏幕中的位置,则根据页面内容对应在终端屏幕中的位置将至少两个页面内容层中的至少一个页面内容层确定为与待显示的页面信息相对应的页面内容层。可选的,将对应在终端屏幕中的位置距离终端屏幕的上边缘最近,或距离终端屏幕的上边缘最近的页面内容所在的页面内容层确定为与待显示的页面信息相对应的页面内容层。
步骤S202,确定页面内容层的页面层级。
具体地,页面内容层可以通过分析显示页面的层级结构得到。其中,从显示页面的源码信息中获得显示页面的层级结构。
步骤S203,根据页面内容层的页面层级创建位于页面内容层之上的画布层,以使画布层与页面内容层的页面层级相同。
具体地,将画布层嵌入页面内容层,且使画布层位于页面内容层之上,相应的,当页面内容层发生位移时,画布层与页面内容层发生同步位移,进而可以使在画布层中绘制的页面信息始终能与页面内容层中的关联页面内容对应显示,不至于发生错位。举例来说,在进行视频观看时,用户对显示页面进行向上的滑动操作,使视频所在的页面内容层发生向上的位移,画布层也会发生同步位移,使弹幕始终可以在视频区域的相应位置进行显示。并且,画布层为透明图层,使得画布层不影响下层的页面内容层中的页面内容的显示。
在本实施例中,创建的画布层为位于页面内容层之上透明图层,同时,该画布层与页面内容层处于同一页面层级,进而使得画布层不会影响显示页面的页面内容的正常显示。这与SurfaceView控件的设置方式完全不同,SurfaceView控件贯穿于显示页面的多个页面层级,通俗来讲,即在显示页面的显示窗口上“挖一个洞”,SurfaceView显示在这个“洞”里,相应的,在SurfaceView显示的位置,对应的多个页面层级则被“挖空”,页面内容无法正常显示。
进一步的,创建位于页面内容层之上的画布层包括:设置画布层的位置信息、和/或尺寸信息。其中,画布层的位置信息和/或尺寸信息可根据实际的显示需求进行设置。可选的,根据实际的显示需求、页面内容层中对应需要显示待显示的页面信息的区域的边界信息,以及终端屏幕的尺寸信息设置该画布层的位置信息和/或尺寸信息。然后,根据位置信息、和/或尺寸信息创建位于页面内容层之上的画布层。
步骤S204,在画布层上依次绘制包含页面信息的各个动画帧,以实现页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
其中,页面信息的显示样式包括以下中的至少一个:透明度、位置、以及形状。
具体地,调整各个动画帧中绘制的页面信息的显示样式,使根据该调整后的显示样式绘制出的显示信息符合对应帧的视觉效果。优选的,该调整各个动画帧中绘制的页面信息的显示样式的过程具体可通过贝塞尔曲线来实现,但是本发明并不以此为限,本领域技术人员应该理解的是,任意可以通过调整显示样式来使绘制出的显示信息符合对应帧的视觉效果的方式均包括在本发明范围内。
进一步的,按照动态显示规则中包含的透明度变化规则,调整各个动画帧中绘制的页面信息的透明度。其中,透明度变化规则为视觉效果上页面信息的可见性变化规则。在可见性由完全不可见至完全可见的变化过程中,调整透明度参数值由大至小变化,例如,设置完全不可见时的透明度为100,设置完全可见时的透明度为0。和/或,按照动态显示规则中包含的位置变化规则,调整各个动画帧中绘制的页面信息的位置。其中,位置变化规则为视觉效果上页面信息的显示位置变化规则。在显示位置变化的过程中,调整用于确定页面信息的显示位置的坐标参数值,具体包括调整各个动化帧中绘制的页面信息的起点坐标参数、至少一个过渡点坐标参数、以及终点坐标参数。和/或,按照动态显示规则中包含的形状变化规则,调整各个动画帧中绘制的页面信息的形状。其中,形状变化规则为视觉效果上页面信息的显示尺寸的变化规则。在显示尺寸变化的过程中,调整用于确定页面信息的形状的尺寸信息,具体包括调整各个动化帧中绘制的页面信息的宽度参数以及高度参数。
需要在此说明的是,上文中提及的预设的动态显示规则以及对应的页面信息的显示样式均为普遍适用于各种类型的页面信息的动态显示的规则以及样式,但是本发明并不以此为限,在具体实施时,针对不同类型的页面信息的显示需求,可以设置具有针对性的动态显示规则以及确定的对应调整的显示样式。下面以弹幕信息和礼物信息为示例,分别列举一个具有针对性的动态显示规则及对应的显示样式:示例一,页面信息为弹幕信息,则预设的动态显示规则中还包括轮播规则,相应的,调整各个动画帧中绘制的页面信息的显示样式包括:判断页面信息是否满足轮播条件,若是,则确定轮播的起始显示位置。示例二,页面信息为礼物信息,则预设的动态显示规则中还包括突出显示规则,相应的,调整各个动画帧中绘制的页面信息的显示样式包括:判断页面信息是否满足突出显示条件(例如,用户点击礼物),若是,则调整页面信息的显示尺寸。
更进一步的,在画布层上依次绘制包含页面信息的各个动画帧的过程中,每隔预设时间间隔,对画布层上当前显示的动画帧执行刷新处理,以使画布层上当前显示的动画帧替换为刷新后的动画帧。其中,预设时间间隔与每帧的显示时长一致。每隔预设时间间隔,以根据调整后的页面信息的显示样式绘制的下一动画帧的页面信息,替换当前显示的页面信息,即完成本次刷新处理。
根据本实施例提供的页面信息的动态显示方法,首先确定显示页面中包含的与待显示的页面信息相对应的页面内容层,然后根据页面内容层的页面层级创建位于页面内容层之上、且与页面内容层的页面层级相同的透明画布层,使得画布层不会影响显示页面的页面内容的正常显示;并且,该画布专用于绘制页面信息的各个动画帧、以及动态显示页面信息,而不具备多余的特性;然后,在画布层上按照与预设的动态显示规则相匹配的页面信息的显示样式进行页面信息的各个动画帧的绘制,以实现页面信息的动态显示。本实施方案,创建的画布层特性专一,相较于利用SurfaceView控件实现动态显示的方案,本实施例中在画布层上绘制以及动态显示页面信息的过程占用的资源更少,可以更流畅的进行动态显示;而且,相较于贯穿于显示页面的多个页面层级的SurfaceView控件,本实施例中创建的画布层不会影响显示页面中的其它图层或其它层级的页面内容的正常显示。
本申请实施例提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的页面信息的动态显示方法。
可执行指令具体可以用于使得处理器执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
在一种可选的实施方式中,所述可执行指令进一步使所述处理器执行以下操作:
确定所述页面内容层的页面层级,根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层,以使所述画布层与所述页面内容层的页面层级相同。
在一种可选的实施方式中,所述可执行指令进一步使处理器执行以下操作:
将所述画布层嵌入所述页面内容层,且使所述画布层位于所述页面内容层之上;
其中,当所述页面内容层发生位移时,所述画布层与所述页面内容层发生同步位移。
在一种可选的实施方式中,其中,所述显示页面中包含至少两个页面内容层;
所述可执行指令进一步使所述处理器执行以下操作:
分别确定所述显示页面中包含各个页面内容层的属性信息;
根据各个页面内容层的属性信息,将所述至少两个页面内容层中的至少一个页面内容层确定为所述与待显示的页面信息相对应的页面内容层。
在一种可选的实施方式中,其中,所述画布层为透明图层,所述可执行指令进一步使所述处理器执行以下操作:
设置所述画布层的位置信息、和/或尺寸信息,根据所述位置信息、和/或尺寸信息创建位于所述页面内容层之上的画布层。
在一种可选的实施方式中,所述可执行指令进一步使所述处理器执行以下操作:
每隔预设时间间隔,对所述画布层上当前显示的动画帧执行刷新处理,以使所述画布层上当前显示的动画帧替换为刷新后的动画帧。
在一种可选的实施方式中,其中,所述页面信息的显示样式包括以下中的至少一个:透明度、位置、以及形状;
所述可执行指令进一步使所述处理器执行以下操作:
按照所述动态显示规则中包含的透明度变化规则,调整各个动画帧中绘制的页面信息的透明度;和/或,
按照所述动态显示规则中包含的位置变化规则,调整各个动画帧中绘制的页面信息的位置;和/或,
按照所述动态显示规则中包含的形状变化规则,调整各个动画帧中绘制的页面信息的形状。
在一种可选的实施方式中,所述可执行指令进一步使所述处理器执行以下操作:调整各个动化帧中绘制的页面信息的起点坐标参数、至少一个过渡点坐标参数、以及终点坐标参数。
在一种可选的实施方式中,所述可执行指令进一步使所述处理器执行以下操作:调整各个动化帧中绘制的页面信息的宽度参数以及高度参数。
在一种可选的实施方式中,其中,所述页面信息为弹幕信息和/或礼物信息。
图3示出了根据本发明实施例的一种计算设备的结构示意图,本发明具体实施例并不对计算设备的具体实现做限定。
如图3所示,该计算设备可以包括:处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中:
处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。
通信接口304,用于与其它设备比如客户端或其它服务器等的网元通信。
处理器302,用于执行程序310,具体可以执行上述页面信息的动态显示方法实施例中的相关步骤。
具体地,程序310可以包括程序代码,该程序代码包括计算机操作指令。
处理器302可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。计算设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器306,用于存放程序310。存储器306可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序310具体可以用于使得处理器302执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
在一种可选的实施方式中,程序310具体可以进一步用于使得处理器302执行以下操作:
确定所述页面内容层的页面层级,根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层,以使所述画布层与所述页面内容层的页面层级相同。
在一种可选的实施方式中,程序310具体可以进一步用于使得处理器302执行以下操作:
将所述画布层嵌入所述页面内容层,且使所述画布层位于所述页面内容层之上;
其中,当所述页面内容层发生位移时,所述画布层与所述页面内容层发生同步位移。
在一种可选的实施方式中,其中,所述显示页面中包含至少两个页面内容层;
程序310具体可以进一步用于使得处理器302执行以下操作:
分别确定所述显示页面中包含各个页面内容层的属性信息;
根据各个页面内容层的属性信息,将所述至少两个页面内容层中的至少一个页面内容层确定为所述与待显示的页面信息相对应的页面内容层。
在一种可选的实施方式中,其中,所述画布层为透明图层,程序310具体可以进一步用于使得处理器302执行以下操作:
设置所述画布层的位置信息、和/或尺寸信息,根据所述位置信息、和/或尺寸信息创建位于所述页面内容层之上的画布层。
在一种可选的实施方式中,程序310具体可以进一步用于使得处理器302执行以下操作:
每隔预设时间间隔,对所述画布层上当前显示的动画帧执行刷新处理,以使所述画布层上当前显示的动画帧替换为刷新后的动画帧。
在一种可选的实施方式中,其中,所述页面信息的显示样式包括以下中的至少一个:透明度、位置、以及形状;
程序310具体可以进一步用于使得处理器302执行以下操作:
按照所述动态显示规则中包含的透明度变化规则,调整各个动画帧中绘制的页面信息的透明度;和/或,
按照所述动态显示规则中包含的位置变化规则,调整各个动画帧中绘制的页面信息的位置;和/或,
按照所述动态显示规则中包含的形状变化规则,调整各个动画帧中绘制的页面信息的形状。
在一种可选的实施方式中,程序310具体可以进一步用于使得处理器302执行以下操作:调整各个动化帧中绘制的页面信息的起点坐标参数、至少一个过渡点坐标参数、以及终点坐标参数。
在一种可选的实施方式中,程序310具体可以进一步用于使得处理器302执行以下操作:调整各个动化帧中绘制的页面信息的宽度参数以及高度参数。
在一种可选的实施方式中,其中,所述页面信息为弹幕信息和/或礼物信息。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了:A1.一种页面信息的动态显示方法,包括:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
A2.根据A1所述的方法,其中,所述创建位于所述页面内容层之上的画布层包括:
确定所述页面内容层的页面层级,根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层,以使所述画布层与所述页面内容层的页面层级相同。
A3.根据A2所述的方法,其中,所述根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层包括:
将所述画布层嵌入所述页面内容层,且使所述画布层位于所述页面内容层之上;
其中,当所述页面内容层发生位移时,所述画布层与所述页面内容层发生同步位移。
A4.根据A1-A3任一所述的方法,其中,所述显示页面中包含至少两个页面内容层;则所述确定显示页面中包含的与待显示的页面信息相对应的页面内容层包括:
分别确定所述显示页面中包含各个页面内容层的属性信息;
根据各个页面内容层的属性信息,将所述至少两个页面内容层中的至少一个页面内容层确定为所述与待显示的页面信息相对应的页面内容层。
A5.根据A1-A4任一所述的方法,其中,所述画布层为透明图层,并且,所述创建位于所述页面内容层之上的画布层包括:
设置所述画布层的位置信息、和/或尺寸信息,根据所述位置信息、和/或尺寸信息创建位于所述页面内容层之上的画布层。
A6.根据A1-A5任一所述的方法,其中,所述在所述画布层上依次绘制包含所述页面信息的各个动画帧包括:
每隔预设时间间隔,对所述画布层上当前显示的动画帧执行刷新处理,以使所述画布层上当前显示的动画帧替换为刷新后的动画帧。
A7.根据A1-A6任一所述的方法,其中,所述页面信息的显示样式包括以下中的至少一个:透明度、位置、以及形状;
所述按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式包括:
按照所述动态显示规则中包含的透明度变化规则,调整各个动画帧中绘制的页面信息的透明度;和/或,
按照所述动态显示规则中包含的位置变化规则,调整各个动画帧中绘制的页面信息的位置;和/或,
按照所述动态显示规则中包含的形状变化规则,调整各个动画帧中绘制的页面信息的形状。
A8.根据A7所述的方法,其中,所述调整各个动画帧中绘制的页面信息的位置具体为:调整各个动化帧中绘制的页面信息的起点坐标参数、至少一个过渡点坐标参数、以及终点坐标参数。
A9.根据A7所述的方法,其中,所述调整各个动画帧中绘制的页面信息的形状具体为:调整各个动化帧中绘制的页面信息的宽度参数以及高度参数。
A10.根据A1-A9任一项所述的方法,其中,所述页面信息为弹幕信息和/或礼物信息。
本发明还公开了:B11.一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
B12.根据B11所述的计算设备,所述可执行指令进一步使所述处理器执行以下操作:
确定所述页面内容层的页面层级,根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层,以使所述画布层与所述页面内容层的页面层级相同。
B13.根据B12所述的计算设备,所述可执行指令进一步使所述处理器执行以下操作:
将所述画布层嵌入所述页面内容层,且使所述画布层位于所述页面内容层之上;
其中,当所述页面内容层发生位移时,所述画布层与所述页面内容层发生同步位移。
B14.根据B11-B13任一所述的计算设备,其中,所述显示页面中包含至少两个页面内容层;
所述可执行指令进一步使所述处理器执行以下操作:
分别确定所述显示页面中包含各个页面内容层的属性信息;
根据各个页面内容层的属性信息,将所述至少两个页面内容层中的至少一个页面内容层确定为所述与待显示的页面信息相对应的页面内容层。
B15.根据B11-B14任一所述的计算设备,其中,所述画布层为透明图层,所述可执行指令进一步使所述处理器执行以下操作:
设置所述画布层的位置信息、和/或尺寸信息,根据所述位置信息、和/或尺寸信息创建位于所述页面内容层之上的画布层。
B16.根据B11-B15任一所述的计算设备,所述可执行指令进一步使所述处理器执行以下操作:
每隔预设时间间隔,对所述画布层上当前显示的动画帧执行刷新处理,以使所述画布层上当前显示的动画帧替换为刷新后的动画帧。
B17.根据B11-B16任一所述的计算设备,其中,所述页面信息的显示样式包括以下中的至少一个:透明度、位置、以及形状;
所述可执行指令进一步使所述处理器执行以下操作:
按照所述动态显示规则中包含的透明度变化规则,调整各个动画帧中绘制的页面信息的透明度;和/或,
按照所述动态显示规则中包含的位置变化规则,调整各个动画帧中绘制的页面信息的位置;和/或,
按照所述动态显示规则中包含的形状变化规则,调整各个动画帧中绘制的页面信息的形状。
B18.根据B17所述的计算设备,所述可执行指令进一步使所述处理器执行以下操作:调整各个动化帧中绘制的页面信息的起点坐标参数、至少一个过渡点坐标参数、以及终点坐标参数。
B19.根据B17所述的计算设备,所述可执行指令进一步使所述处理器执行以下操作:调整各个动化帧中绘制的页面信息的宽度参数以及高度参数。
B20.根据B11-B19任一项所述的计算设备,其中,所述页面信息为弹幕信息和/或礼物信息。
本发明还公开了:C21.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
C22.根据C21所述的计算机存储介质,所述可执行指令进一步使所述处理器执行以下操作:
确定所述页面内容层的页面层级,根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层,以使所述画布层与所述页面内容层的页面层级相同。
C23.根据C22所述的计算机存储介质,所述可执行指令进一步使处理器执行以下操作:
将所述画布层嵌入所述页面内容层,且使所述画布层位于所述页面内容层之上;
其中,当所述页面内容层发生位移时,所述画布层与所述页面内容层发生同步位移。
C24.根据C21-C23任一所述的计算机存储介质,其中,所述显示页面中包含至少两个页面内容层;
所述可执行指令进一步使所述处理器执行以下操作:
分别确定所述显示页面中包含各个页面内容层的属性信息;
根据各个页面内容层的属性信息,将所述至少两个页面内容层中的至少一个页面内容层确定为所述与待显示的页面信息相对应的页面内容层。
C25.根据C21-C24任一所述的计算机存储介质,其中,所述画布层为透明图层,所述可执行指令进一步使所述处理器执行以下操作:
设置所述画布层的位置信息、和/或尺寸信息,根据所述位置信息、和/或尺寸信息创建位于所述页面内容层之上的画布层。
C26.根据C21-C25任一所述的计算机存储介质,所述可执行指令进一步使所述处理器执行以下操作:
每隔预设时间间隔,对所述画布层上当前显示的动画帧执行刷新处理,以使所述画布层上当前显示的动画帧替换为刷新后的动画帧。
C27.根据C21-C26任一所述的计算机存储介质,其中,所述页面信息的显示样式包括以下中的至少一个:透明度、位置、以及形状;
所述可执行指令进一步使所述处理器执行以下操作:
按照所述动态显示规则中包含的透明度变化规则,调整各个动画帧中绘制的页面信息的透明度;和/或,
按照所述动态显示规则中包含的位置变化规则,调整各个动画帧中绘制的页面信息的位置;和/或,
按照所述动态显示规则中包含的形状变化规则,调整各个动画帧中绘制的页面信息的形状。
C28.根据C27所述的计算机存储介质,所述可执行指令进一步使所述处理器执行以下操作:调整各个动化帧中绘制的页面信息的起点坐标参数、至少一个过渡点坐标参数、以及终点坐标参数。
C29.根据C27所述的计算机存储介质,所述可执行指令进一步使所述处理器执行以下操作:调整各个动化帧中绘制的页面信息的宽度参数以及高度参数。
C30.根据C21-C29任一项所述的计算机存储介质,其中,所述页面信息为弹幕信息和/或礼物信息。
Claims (10)
1.一种页面信息的动态显示方法,包括:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
2.根据权利要求1所述的方法,其中,所述创建位于所述页面内容层之上的画布层包括:
确定所述页面内容层的页面层级,根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层,以使所述画布层与所述页面内容层的页面层级相同。
3.根据权利要求2所述的方法,其中,所述根据所述页面内容层的页面层级创建位于所述页面内容层之上的画布层包括:
将所述画布层嵌入所述页面内容层,且使所述画布层位于所述页面内容层之上;
其中,当所述页面内容层发生位移时,所述画布层与所述页面内容层发生同步位移。
4.根据权利要求1-3任一所述的方法,其中,所述显示页面中包含至少两个页面内容层;则所述确定显示页面中包含的与待显示的页面信息相对应的页面内容层包括:
分别确定所述显示页面中包含各个页面内容层的属性信息;
根据各个页面内容层的属性信息,将所述至少两个页面内容层中的至少一个页面内容层确定为所述与待显示的页面信息相对应的页面内容层。
5.根据权利要求1-4任一所述的方法,其中,所述画布层为透明图层,并且,所述创建位于所述页面内容层之上的画布层包括:
设置所述画布层的位置信息、和/或尺寸信息,根据所述位置信息、和/或尺寸信息创建位于所述页面内容层之上的画布层。
6.根据权利要求1-5任一所述的方法,其中,所述在所述画布层上依次绘制包含所述页面信息的各个动画帧包括:
每隔预设时间间隔,对所述画布层上当前显示的动画帧执行刷新处理,以使所述画布层上当前显示的动画帧替换为刷新后的动画帧。
7.根据权利要求1-6任一所述的方法,其中,所述页面信息的显示样式包括以下中的至少一个:透明度、位置、以及形状;
所述按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式包括:
按照所述动态显示规则中包含的透明度变化规则,调整各个动画帧中绘制的页面信息的透明度;和/或,
按照所述动态显示规则中包含的位置变化规则,调整各个动画帧中绘制的页面信息的位置;和/或,
按照所述动态显示规则中包含的形状变化规则,调整各个动画帧中绘制的页面信息的形状。
8.根据权利要求7所述的方法,其中,所述调整各个动画帧中绘制的页面信息的位置具体为:调整各个动化帧中绘制的页面信息的起点坐标参数、至少一个过渡点坐标参数、以及终点坐标参数。
9.一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
10.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
确定显示页面中包含的与待显示的页面信息相对应的页面内容层;
创建位于所述页面内容层之上的画布层;
在所述画布层上依次绘制包含所述页面信息的各个动画帧,以实现所述页面信息的动态显示;其中,按照预设的动态显示规则,调整各个动画帧中绘制的页面信息的显示样式。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811014329.8A CN109189537B (zh) | 2018-08-31 | 2018-08-31 | 页面信息的动态显示方法、计算设备及计算机存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811014329.8A CN109189537B (zh) | 2018-08-31 | 2018-08-31 | 页面信息的动态显示方法、计算设备及计算机存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109189537A true CN109189537A (zh) | 2019-01-11 |
CN109189537B CN109189537B (zh) | 2019-11-15 |
Family
ID=64917456
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811014329.8A Active CN109189537B (zh) | 2018-08-31 | 2018-08-31 | 页面信息的动态显示方法、计算设备及计算机存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109189537B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110309459A (zh) * | 2019-06-10 | 2019-10-08 | 百度在线网络技术(北京)有限公司 | 基于网页的图像处理方法、装置、设备及存储介质 |
CN111143734A (zh) * | 2019-12-27 | 2020-05-12 | 苏宁云计算有限公司 | 一种页面添加效果元素的方法及系统 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140365959A1 (en) * | 2013-06-09 | 2014-12-11 | Apple Inc. | Animation emulating live web page content resizing |
CN105279251A (zh) * | 2015-09-30 | 2016-01-27 | 广州酷狗计算机科技有限公司 | 虚拟礼物展示方法和装置 |
CN105307030A (zh) * | 2015-09-30 | 2016-02-03 | 广州酷狗计算机科技有限公司 | 弹幕显示方法及装置 |
CN105872679A (zh) * | 2015-12-31 | 2016-08-17 | 乐视网信息技术(北京)股份有限公司 | 弹幕显示方法和装置 |
CN106572379A (zh) * | 2016-10-18 | 2017-04-19 | 深圳市云宙多媒体技术有限公司 | 一种网页视频画中画播放方法及装置 |
CN106973329A (zh) * | 2017-03-23 | 2017-07-21 | 上海幻电信息科技有限公司 | 一种基于html5的弹幕播放器及其方法 |
CN107239287A (zh) * | 2017-06-07 | 2017-10-10 | 福建中金在线信息科技有限公司 | 一种网页显示方法、装置、电子设备及存储介质 |
-
2018
- 2018-08-31 CN CN201811014329.8A patent/CN109189537B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140365959A1 (en) * | 2013-06-09 | 2014-12-11 | Apple Inc. | Animation emulating live web page content resizing |
CN105279251A (zh) * | 2015-09-30 | 2016-01-27 | 广州酷狗计算机科技有限公司 | 虚拟礼物展示方法和装置 |
CN105307030A (zh) * | 2015-09-30 | 2016-02-03 | 广州酷狗计算机科技有限公司 | 弹幕显示方法及装置 |
CN105872679A (zh) * | 2015-12-31 | 2016-08-17 | 乐视网信息技术(北京)股份有限公司 | 弹幕显示方法和装置 |
CN106572379A (zh) * | 2016-10-18 | 2017-04-19 | 深圳市云宙多媒体技术有限公司 | 一种网页视频画中画播放方法及装置 |
CN106973329A (zh) * | 2017-03-23 | 2017-07-21 | 上海幻电信息科技有限公司 | 一种基于html5的弹幕播放器及其方法 |
CN107239287A (zh) * | 2017-06-07 | 2017-10-10 | 福建中金在线信息科技有限公司 | 一种网页显示方法、装置、电子设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
BESTVIST: "Canvas弹幕实现", 《HTTPS://SEGMENTFAULT.COM/A/11900000 11723466》 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110309459A (zh) * | 2019-06-10 | 2019-10-08 | 百度在线网络技术(北京)有限公司 | 基于网页的图像处理方法、装置、设备及存储介质 |
CN111143734A (zh) * | 2019-12-27 | 2020-05-12 | 苏宁云计算有限公司 | 一种页面添加效果元素的方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN109189537B (zh) | 2019-11-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108228287B (zh) | 基于qt的用户界面控件的生成方法及装置 | |
CN103198516B (zh) | 动态图形界面阴影 | |
US20190354278A1 (en) | Representation of digital map styling properties across zoom levels | |
US20160117858A1 (en) | Computing device and method for simplifying point cloud of object | |
US20170343983A1 (en) | System and method for generating machining control data of numerical control machine tool | |
AU2013324179A1 (en) | Intelligent window placement | |
US9933929B1 (en) | Automatic layout management through static GUI analysis | |
US20140198103A1 (en) | Method for polygon reduction | |
CN111936966B (zh) | 用于创建图形内容的设计系统 | |
CN108959201A (zh) | 电子书阅读器手写笔迹的绘制方法及电子书阅读器 | |
CN114546364A (zh) | 一种可视化图表组件的配置方法 | |
CN105051789A (zh) | 三维地图显示系统 | |
CN109189537B (zh) | 页面信息的动态显示方法、计算设备及计算机存储介质 | |
CN114041111A (zh) | 笔迹绘制方法、装置、电子设备、介质和程序产品 | |
CN104899038A (zh) | 一种界面样式变换方法及装置 | |
CN108279956B (zh) | 进度指示方法及进度指示装置、存储介质、电子设备 | |
CN107450904A (zh) | 标题栏的绘制方法和装置 | |
US11010013B2 (en) | Providing visual control guidance on a display | |
US20140325477A1 (en) | Method and system for visualization of large codebases | |
CN107621951B (zh) | 一种视图层级优化的方法及装置 | |
CN106651994A (zh) | 气泡图的显示方法及装置 | |
CN114564268A (zh) | 一种设备管理方法、装置、电子设备和存储介质 | |
KR20140077115A (ko) | 3d 에서의 객체 그룹들의 정의 | |
US10592087B1 (en) | System and method for creating fluid design keyframes on graphical user interface | |
US10937127B2 (en) | Methods and systems for managing text in rendered images |
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 |