在页面中加载动画的方法、装置、电子设备与可读存储介质制造方法及图纸

技术编号:38130796 阅读:9 留言:0更新日期:2023-07-08 09:38
本公开提供一种在页面中加载动画的方法、装置、电子设备与可读存储介质。其中,在页面中加载动画的方法包括:获取与目标页面对应的统一资源定位符;根据所述统一资源定位符,从本地获取与所述目标页面对应的目标动画数据;根据所述目标动画数据,在所述目标页面中加载动画。本公开能够实现完全依赖URL获取目标动画数据的目的,无需在应用程序的包中预先存储动画数据,从而极大地减少了应用程序的包体积,更加便于应用程序的下载。更加便于应用程序的下载。更加便于应用程序的下载。

【技术实现步骤摘要】
在页面中加载动画的方法、装置、电子设备与可读存储介质


[0001]本公开涉及互联网
,提供了一种在页面中加载动画的方法、装置、电子设备与可读存储介质。

技术介绍

[0002]现有技术在页面中加载动画时,通常采用两种方式:本地加载或者网络加载。其中,本地加载是指在应用程序的包中预先存储动画数据,进而在需要加载动画时,根据预先存储的动画数据进行加载;网络加载是指在需要加载动画时,根据相应的统一资源定位符通过网络获取动画数据,进而根据动画数据进行加载。本地加载的方式会导致应用程序的包体积较大,而网络加载的方式需要在每次加载动画时通过网络获取动画数据。

技术实现思路

[0003]根据本公开的第一方面,提供了一种在页面中加载动画的方法,包括:获取与目标页面对应的统一资源定位符;根据所述统一资源定位符,从本地获取与所述目标页面对应的目标动画数据;根据所述目标动画数据,在所述目标页面中加载动画。
[0004]根据本公开的第二方面,提供了一种在页面中加载动画的装置,包括:获取单元,用于获取与目标页面对应的统一资源定位符;查询单元,用于根据所述统一资源定位符,从本地获取与所述目标页面对应的目标动画数据;加载单元,用于根据所述目标动画数据,在所述目标页面中加载动画。
[0005]根据本公开的第三方面,提供了一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行如上所述的方法。
[0006]根据本公开的第四方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行如上所述的方法。
[0007]根据本公开的第五方面,提供了一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现如上所述的方法。
[0008]由以上技术方案可以看出,本公开能够实现完全依赖URL获取目标动画数据的目的,无需在应用程序的包中预先存储动画数据,从而极大地减少了应用程序的包体积。
[0009]应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0010]附图用于更好地理解本方案,不构成对本公开的限定。其中:
[0011]图1是根据本公开第一实施例的示意图;
[0012]图2是根据本公开第二实施例的示意图;
[0013]图3是根据本公开第三实施例的示意图;
[0014]图4是根据本公开第四实施例的示意图;
[0015]图5是根据本公开第五实施例的示意图;
[0016]图6是用来实现本公开实施例的在页面中加载动画的方法的电子设备的框图。
具体实施方式
[0017]以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和机构的描述。
[0018]图1是根据本公开第一实施例的示意图。如图1所示,本实施例的在页面中加载动画的方法,具体包括如下步骤:
[0019]S101、获取与目标页面对应的统一资源定位符;
[0020]S102、根据所述统一资源定位符,从本地获取与所述目标页面对应的目标动画数据;
[0021]S103、根据所述目标动画数据,在所述目标页面中加载动画。
[0022]本实施例的在页面中加载动画的方法,在获取与目标页面对应的统一资源定位符(URL,Uniform Resource Locator)之后,并不是采用通过网络根据该URL获取目标动画数据的方式,而是根据该URL从本地获取目标动画数据,进而根据目标动画数据在目标页面中加载动画,本实施例实现了完全依赖URL获取目标动画数据的目的,无需在应用程序的包中预先存储动画数据,从而极大地减少了应用程序的包体积。
[0023]本实施例的在页面中加载动画的方法的执行主体可以为终端设备,也可以为终端设备中与应用程序对应的客户端;本实施例所提供的方法适用于各种操作系统,特别适用于iOS操作系统。
[0024]本实施例执行S101获取的与目标页面对应的URL的个数可以为一个,也可以为多个,每个URL与在目标页面中所要加载的一个动画相对应;本实施例会预先存储应用程序中页面的标识信息与URL之间的对应关系,进而根据该对应关系获取与目标页面对应的URL。
[0025]本实施例在执行S101获取与目标页面对应的统一资源定位符时,可以采用的可选实现方式为:在检测到应用程序加载目标页面的情况下,根据目标页面的标识信息,获取与目标页面对应的统一资源定位符;其中,本实施例中目标页面的标识信息可以为目标页面的页面名称、页面类型等信息。
[0026]也就是说,本实施例能够在应用程序加载目标页面的过程中,根据目标页面的标识信息获取相应的URL,从而实现在目标页面的加载过程中实时地获取目标动画数据的目的。
[0027]另外,本实施例在执行S101获取与目标页面对应的统一资源定位符时,可以采用的可选实现方式为:在检测到应用程序开启的情况下,确定应用程序中的目标页面,本实施例可以将与预设页面名称和/或预设页面类型对应的页面作为目标页面,所确定的目标页面的数量可以为一个,也可以为多个;根据所确定的目标页面的标识信息,获取与目标页面对应的统一资源定位符。
[0028]也就是说,本实施例还能够在应用程序开启之后,预先确定应用程序中的目标页面,进而根据目标页面的标识信息获取相应的URL,从而实现在目标页面的加载过程之前预先获取目标动画数据的目的。
[0029]本实施例在执行S101获取与目标页面对应的统一资源定位符之后,执行S102根据统一资源定位符,从本地获取与目标页面对应的目标动画数据;其中,本实施例执行S102获取的目标动画数据可以为JSON文件,也可以为JSON文件与图片文件,图片文件中包含所要加载的动画的图片。
[0030]本实施例在执行S102根据统一资源定位符,从本地获取与目标页面对应的目标动画数据时,可以采用的可选实现方式为:根据统一资源定位符确定目标存储路径;根据目标存储路径,确定位于本地的目标文件夹;从所确定的目标文件夹中获取与目标页面对应的目标动画数据;其中,存储于目标文件夹中的目标动画数据是在历史时刻根据统一资源定位符下载得到的。
[0031]也就是说,本实施例根据与目标页面对应的URL,通过位于本地的目标文件夹获取目标动画数据,由于目标文件夹中包含的目标动画数据是之前根据URL下载得到的,因此本实施例获取目标动画数据的方式,能够极大地减少应用程序的包体积,从而更加便于应用程序的下载。
本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种在页面中加载动画的方法,包括:获取与目标页面对应的统一资源定位符;根据所述统一资源定位符,从本地获取与所述目标页面对应的目标动画数据;根据所述目标动画数据,在所述目标页面中加载动画。2.根据权利要求1所述的方法,其中,所述获取与目标页面对应的统一资源定位符包括:在检测到应用程序加载所述目标页面的情况下,根据所述目标页面的标识信息,获取所述统一资源定位符。3.根据权利要求1所述的方法,其中,所述获取与目标页面对应的统一资源定位符包括:在检测到应用程序开启的情况下,确定所述应用程序中的目标页面;根据所述目标页面的标识信息,获取所述统一资源定位符。4.根据权利要求1所述的方法,其中,所述根据所述统一资源定位符,从本地获取与所述目标页面对应的目标动画数据包括:根据所述统一资源定位符确定目标存储路径;根据所述目标存储路径,确定位于本地的目标文件夹;从所述目标文件夹中获取所述目标动画数据。5.根据权利要求1所述的方法,还包括,在检测到未从本地获取与所述目标页面对应的目标动画数据的情况下,根据所述统一资源定位符下载与所述目标页面对应的压缩文件;将所述压缩文件进行解压,获取所述目标动画数据;将所述目标动画数据存储到本地中与所述统一资源定位符对应的目标文件夹。6.根据权利要求5所述的方法,其中,所述将所述压缩文件进行解压包括:获取所述压缩文件的文件格式;在确定所述文件格式为预设文件格式的情况下,将所述压缩文件进行解压。7.根据权利要求3所述的方法,其中,所述根据所述目标动画数据,在所述目标页面中加载动画包括:在检测到所述应用程序加载所述目标页面的情况下,根据所述目标动画数据,在所述目标页面中加载动画。8.一种在页面中加载动画的装置,包括:获取单元,用于获取与目标页面对应的统一资源定位符;查询单元,用于根据所述统一资源定位符,从本地获取与所述目标页面对应的目标动画数据;加载单元,用于根据所述目标动画数据,在所述目标页面中加载动画。9.根据权利要求8所述的装置,其中,所述获取单元在获取与目标页面对应的统一资源定位符时,具体执行:在检测到应用程序加载所述目标页面的情况下,根据所...

【专利技术属性】
技术研发人员:毛旺
申请(专利权)人:百度时代网络技术北京有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1