CN113538633B - 动画播放方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本公开关于一种动画播放方法、装置、电子设备及计算机可读存储介质，属于多媒体技术领域。本公开通过在接收到元素替换指令时，确定目标显示对象中待替换的第一图像元素，进而获取用于指示待生成的第二图像元素在目标显示对象中的布局的布局信息，以及用于指示第二图像元素要包括的业务数据的业务信息，进而基于布局信息和业务信息，生成用于替换第一图像元素的第二图像元素，从而基于第二图像元素和目标动画的属性描述文件进行渲染，以实现动画渲染，进而得到能够在目标显示对象中播放的目标动画，无需开发人员手动编写代码，提高了人机交互效率，进而提高了动画制作效率。

Description

动画播放方法、装置、电子设备及计算机可读存储介质

技术领域

本公开涉及多媒体技术领域，尤其涉及一种动画播放方法、装置、电子设备及计算机可读存储介质。

背景技术

现如今，动画设计过程中往往会涉及到实际的业务数据，例如，在开红包的动画设计过程中，会涉及到红包金额这种实际的业务数据。目前在实现这种涉及到实际业务数据的动画效果时，仅能由开发人员通过手动编写代码实现，人机交互效率较低，从而导致动画制作效率较低。

发明内容

本公开提供一种动画播放方法、装置、电子设备及计算机可读存储介质，以提高动画制作过程中的人机交互效率，从而提高动画制作效率。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种动画播放方法，该方法包括：

响应于元素替换指令，确定目标显示对象中待显示的第一图像元素，该元素替换指令用于指示对该第一图像元素进行替换；

获取布局信息和业务信息，该布局信息用于指示待生成的第二图像元素在该目标显示对象中的布局，该业务信息用于指示该第二图像元素所包括的业务数据；

基于该布局信息和该业务信息，生成第二图像元素，将该第一图像元素替换为该第二图像元素；

基于目标动画的属性描述文件和该第二图像元素进行渲染，以在该目标显示对象中播放该目标动画，该属性描述文件包括该目标动画所包括的动画效果对应的属性信息。

本公开所提供的方案，通过在接收到元素替换指令时，确定目标显示对象中待替换的第一图像元素，进而获取用于指示待生成的第二图像元素在目标显示对象中的布局的布局信息，以及用于指示第二图像元素要包括的业务数据的业务信息，进而基于布局信息和业务信息，生成用于替换第一图像元素的第二图像元素，从而基于第二图像元素和目标动画的属性描述文件进行渲染，以实现动画渲染，进而得到能够在目标显示对象中播放的目标动画，无需开发人员手动编写代码，提高了人机交互效率，进而提高了动画制作效率。

在一些实施例中，基于该布局信息和该业务信息，生成第二图像元素，包括：

基于该布局信息，确定待生成的第二图像元素在该目标显示对象中的布局；

将该业务信息所指示的业务数据，添加至待生成的该第二图像元素的布局中，得到该第二图像元素。

通过先基于布局信息，确定要生成的第二图像元素在目标显示对象中的布局，以确定要生成的第二图像元素中不会随业务数据的变化而变化的部分，进而将业务信息指示的业务数据添加至布局中，以得到完整的第二图像元素，实现第二图像元素的自动生成，使得在业务数据发生变化时，无需开发人员编写代码来生成相应业务数据对应的第二图像元素，提高了人机交互效率，从而提高了第二图像元素的生成效率，进而能够提高动画制作效率。

在一些实施例中，基于目标动画的属性描述文件和该第二图像元素进行渲染，以在该目标显示对象中播放该目标动画，包括：

基于该目标动画的属性描述文件，渲染该第二图像元素，以在该目标显示对象中，基于该第二图像元素播放该目标动画。

通过在将第一图像元素替换为第二图像元素后，基于目标动画的属性描述文件来渲染第二图像元素，从而实现对第二图像元素的渲染，进而能够在目标显示对象中实现目标动画的播放，无需开发人员手动操作，提高了人机交互效率，从而提高了动画播放效率。

在一些实施例中，该方法还包括：

在不存在该第一图像元素的情况下，基于该属性描述文件进行渲染，以在该目标显示对象中播放该目标动画。

通过在不存在要替换的第一图像元素的情况下，直接基于属性描述文件渲染相应图像元素，从而实现目标显示对象中目标动画的播放，无需开发人员手动操作，提高了人机交互效率，从而提高了动画制作效率，进而能够提高动画播放效率。

在一些实施例中，该元素替换指令由该目标显示对象的显示指令触发。

通过在目标显示对象的显示指令被触发时，触发该元素替换指令，以便电子设备能够响应于该元素替换指令，自动替换要替换的第一图像元素，进而实现涉及业务数据的目标动画的渲染，无需开发人员手动操作，提高了人机交互效率，实现了动画制作过程的自动化。

在一些实施例中，该目标显示对象为资源发放提示框，该资源发放提示框用于发放虚拟资源；或，该目标显示对象为功能控件。

通过提供两种可能的目标显示对象，以通过本公开所提供的方案，以实现在这两种目标显示对象中显示目标动画，提高目标动画的显示位置的多样性。

根据本公开实施例的第二方面，提供一种动画播放装置，该装置包括：

确定单元，被配置为执行响应于元素替换指令，确定目标显示对象中待显示的第一图像元素，该元素替换指令用于指示对该第一图像元素进行替换；

获取单元，被配置为执行获取布局信息和业务信息，该布局信息用于指示待生成的第二图像元素在该目标显示对象中的布局，该业务信息用于指示该第二图像元素所包括的业务数据；

生成单元，被配置为执行基于该布局信息和该业务信息，生成第二图像元素；

替换单元，被配置为执行将该第一图像元素替换为该第二图像元素；

渲染单元，被配置为执行基于目标动画的属性描述文件和该第二图像元素进行渲染，以在该目标显示对象中播放该目标动画，该属性描述文件包括该目标动画所包括的动画效果对应的属性信息。

在一些实施例中，该生成单元，被配置为执行基于该布局信息，确定待生成的第二图像元素在该目标显示对象中的布局；将该业务信息所指示的业务数据，添加至待生成的该第二图像元素的布局中，得到该第二图像元素。

在一些实施例中，该渲染单元，被配置为执行基于该目标动画的属性描述文件，渲染该第二图像元素，以在该目标显示对象中，基于该第二图像元素播放该目标动画。

在一些实施例中，该渲染单元，还被配置为执行在不存在该第一图像元素的情况下，基于该属性描述文件进行渲染，以在该目标显示对象中播放该目标动画。

在一些实施例中，该元素替换指令由该目标显示对象的显示指令触发。

在一些实施例中，该目标显示对象为资源发放提示框，该资源发放提示框用于发放虚拟资源；或，该目标显示对象为功能控件。

根据本公开实施例的第三方面，提供一种电子设备，包括：

处理器；

用于存储该处理器可执行指令的存储器；

其中，该处理器被配置为执行该指令，以实现上述第一方面以及第一方面中任一项所涉及的动画播放方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当该计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述第一方面以及第一方面中任一项所涉及的动画播放方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述第一方面以及第一方面中任一项所涉及的动画播放方法。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种动画播放方法的流程图。

图2是根据一示例性实施例示出的一种动画播放方法的流程图。

图3是根据一示例性实施例示出的一种第二图像元素的示意图。

图4是根据一示例性实施例示出的一种视频播放方法的实现流程图。

图5是根据一示例性实施例示出的一种待显示的图像元素的示意图。

图6是根据一示例性实施例示出的一种动画播放装置的框图。

图7是根据一示例性实施例示出的一种电子设备700的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

另外，本公开所涉及的数据和信息，为经用户授权或者经过各方充分授权的数据和信息。

本公开所提供的方案，能够应用于动画制作的场景中。而在动画制作场景中，Lottie作为一套跨平台的完整的动画效果解决方案，能够将动画设计师使用AE(AdobeAfter Effects，视频编辑软件)所设计的动画，导出为Json(Java Script ObjectNotation，JS对象简谱)格式的文件，进而能够在多种类型的操作***、平台或框架上，直接调用所导出的文件，从而实现动画播放。也即是，在动画制作过程中，动画设计师通过AE设计出动画后，通过AE软件中的Bodymovin插件(AE动画导出插件)，将自己所设计的目标动画导出为Json格式的属性描述文件，进而将所导出的属性描述文件发送给开发人员，开发人员通过电子设备接收该属性描述文件，开发人员的电子设备上安装并运行有Lottie，则电子设备通过Lottie即能直接基于该属性描述文件，播放该属性描述文件对应的目标动画。

图1是根据一示例性实施例示出的一种动画播放方法的流程图，如图1所示，该方法包括以下步骤。

在步骤S101中，电子设备响应于元素替换指令，确定目标显示对象中待显示的第一图像元素，该元素替换指令用于指示对该第一图像元素进行替换。

在步骤S102中，电子设备获取布局信息和业务信息，该布局信息用于指示待生成的第二图像元素在该目标显示对象中的布局，该业务信息用于指示该第二图像元素所包括的业务数据。

在步骤S103中，电子设备基于该布局信息和该业务信息，生成第二图像元素，将该第一图像元素替换为该第二图像元素。

在步骤S104中，电子设备基于目标动画的属性描述文件和该第二图像元素进行渲染，以在该目标显示对象中播放该目标动画，该属性描述文件包括该目标动画所包括的动画效果对应的属性信息。

本公开的实施例所提供的方案，通过在接收到元素替换指令时，确定目标显示对象中待替换的第一图像元素，进而获取用于指示待生成的第二图像元素在目标显示对象中的布局的布局信息，以及用于指示第二图像元素要包括的业务数据的业务信息，进而基于布局信息和业务信息，生成用于替换第一图像元素的第二图像元素，从而基于第二图像元素和目标动画的属性描述文件进行渲染，以实现动画渲染，进而得到能够在目标显示对象中播放的目标动画，无需开发人员手动编写代码，提高了人机交互效率，进而提高了动画制作效率。

在一些实施例中，基于该布局信息和该业务信息，生成第二图像元素，包括：

基于该布局信息，确定待生成的第二图像元素在该目标显示对象中的布局；

将该业务信息所指示的业务数据，添加至待生成的该第二图像元素的布局中，得到该第二图像元素。

在一些实施例中，基于目标动画的属性描述文件和该第二图像元素进行渲染，以在该目标显示对象中播放该目标动画，包括：

基于该目标动画的属性描述文件，渲染该第二图像元素，以在该目标显示对象中，基于该第二图像元素播放该目标动画。

在一些实施例中，该方法还包括：

在不存在该第一图像元素的情况下，基于该属性描述文件进行渲染，以在该目标显示对象中播放该目标动画。

在一些实施例中，该元素替换指令由该目标显示对象的显示指令触发。

在一些实施例中，该目标显示对象为资源发放提示框，该资源发放提示框用于发放虚拟资源；或，该目标显示对象为功能控件。

上述图1所示的过程仅为本公开的基本流程，下面基于一种具体实现过程，来对本公开所提供的方案进行进一步说明。图2是根据一示例性实施例示出的一种动画播放方法的流程图，如图2所示，该方法包括以下步骤。

在步骤S201中，电子设备响应于元素替换指令，确定目标显示对象中待显示的第一图像元素，该元素替换指令用于指示对该第一图像元素进行替换。

该元素替换指令由该目标显示对象的显示指令触发。在一些实施例中，电子设备获取目标动画的属性描述文件，而在获取到该属性描述文件后，电子设备即能通过运行在电子设备上的Lottie软件，基于该属性描述文件，触发对该目标显示对象的显示指令，进而触发该元素替换指令。其中，该属性描述文件为Json文件，该属性描述文件包括该目标动画所包括的动画效果对应的属性信息。

其中，电子设备获取目标动画的属性描述文件的过程包括：动画设计师通过AE软件的Bodymovin插件导出属性描述文件后，该属性描述文件即存储在动画设计师所使用的电子设备中，以便动画设计师通过电子设备，将该属性描述文件发送给开发人员所使用的电子设备，以便开发人员所使用的电子设备获取到该属性描述文件。

在获取到属性描述文件后，电子设备即能通过Lottie软件，触发对目标动画的播放指令，该目标动画的播放指令用于指示电子设备基于该属性描述文件播放目标动画，而对目标动画的播放指令，即会触发对目标显示对象的显示指令，进而触发该元素替换指令。

通过在目标显示对象的显示指令被触发时，触发该元素替换指令，以便电子设备能够响应于该元素替换指令，自动替换要替换的第一图像元素，进而实现涉及业务数据的目标动画的渲染，无需开发人员手动操作，提高了人机交互效率，实现了动画制作过程的自动化。

在一些实施例中，电子设备响应于该元素替换指令，调用元素筛选函数，通过该元素筛选函数，来确定目标显示对象中待显示的图像元素是否为待替换的第一图像元素，进而在目标显示对象中待显示的图像元素是待替换的第一图像元素时，执行后续步骤S202至步骤S205。

该元素筛选函数为Bitmap fetchBitmap(LottieImageAsset asset)，该元素筛选函数用于提供元素替换入口，通过该元素筛选函数，即能基于元素标识确定出待替换的第一图像元素。

也即是，电子设备响应于该元素替换指令，调用该元素筛选函数，基于当前待显示的图像元素的元素标识，确定当前待显示的图像元素的元素标识是否与待替换的第一图像元素的元素标识一致，若当前待显示的图像元素的元素标识与待替换的第一图像元素的元素标识一致，则确定当前待显示的图像元素为待替换的第一图像元素。以此类推，以确定出目标动画对应的多个图像元素中，待替换的各个第一图像元素。

其中，该第一图像元素为占位贴图，或者，该第一图像元素为其他类型，本公开的实施例对此不加以限定。该目标显示对象为资源发放提示框，该资源发放提示框用于发放虚拟资源；或者，该目标显示对象为功能控件；或者，该目标显示对象为其他类型的对象，本公开的实施例对此不加以限定。

例如，该资源发放提示框为红包弹窗，该功能控件为功能按钮，或者，该资源发放提示框和该功能控件为其他类型，本公开的实施例对此不加以限定。

通过提供两种可能的目标显示对象，以通过本公开所提供的方案，以实现在这两种目标显示对象中显示目标动画，提高目标动画的显示位置的多样性。

在步骤S202中，电子设备获取布局信息和业务信息，该布局信息用于指示待生成的第二图像元素在该目标显示对象中的布局，该业务信息用于指示该第二图像元素所包括的业务数据。

其中，第二图像元素在目标显示对象中的布局，也即是第二图像元素中不会随业务数据的变化而发生变化的部分。该布局信息包括目标显示对象中各个区域的显示位置，以及各个区域的显示形式等。

例如，参见图3，图3是根据一示例性实施例示出的一种第二图像元素的示意图，在如图3所示的界面中，区域301、区域302和区域303的位置，以及区域302中所显示的三个图标(也即是金币图标3021、点赞图标3022和爱心图标3023)的显示形式、区域303中所显示的文字，均为不会随业务数据的变化而发生变化的部分，因而电子设备能够直接获取布局信息，从而能够基于获取到的布局信息，确定区域301、区域302和区域303的位置，以及区域302中所显示的三个图标的显示形式、区域303中所显示的文字。

而在如图3所示的第二图像元素中，区域301中所显示的优惠券数额、可用条件、可用范围和有效期，以及区域302中位于金币图标3021右上角的金币数、位于点赞图标3022右上角的点赞数和位于爱心图标3023右上角的爱心数，均为业务数据，业务数据会随着电子设备上所登录账号的变化而发生改变。

在步骤S203中，电子设备基于该布局信息和该业务信息，生成第二图像元素。

在一些实施例中，电子设备基于该布局信息，确定待生成的第二图像元素在该目标显示对象中的布局；进而将该业务信息所指示的业务数据，添加至待生成的该第二图像元素的布局中，得到该第二图像元素。其中，该第二图像元素为静态贴图，或者，该第二图像元素为其他类型，本公开的实施例对此不加以限定。

仍以图3所示的第二图像元素为例，电子设备在通过上述步骤S202获取到相应的布局信息和业务数据后，将获取到的优惠券数额、可用条件、可用范围和有效期添加至区域301的相应位置处，将获取到的金币数添加至金币图标3021的右上角，将获取到的点赞数添加至点赞图标3022的右上角，将获取到的爱心数添加至爱心图标3023的右上角，从而实现第二图像元素的生成。

通过先基于布局信息，确定要生成的第二图像元素在目标显示对象中的布局，以确定要生成的第二图像元素中不会随业务数据的变化而变化的部分，进而将业务信息指示的业务数据添加至布局中，以得到完整的第二图像元素，实现第二图像元素的自动生成，使得在业务数据发生变化时，无需开发人员编写代码来生成相应业务数据对应的第二图像元素，提高了人机交互效率，从而提高了第二图像元素的生成效率，进而能够提高动画制作效率。

其中，上述步骤S202和步骤S203通过第一元素获取函数实现，该第一元素获取函数用于生成与业务数据相关的第二图像元素。在一些实施例中，电子设备调用该第一元素获取函数，通过该第一元素获取函数，即能实现布局信息和业务数据的获取，以获取到融合了业务数据所生成的第二图像元素。

在步骤S204中，电子设备将该第一图像元素替换为该第二图像元素。

在步骤S205中，电子设备基于目标动画的属性描述文件，渲染该第二图像元素，以在该目标显示对象中，基于该第二图像元素播放该目标动画，该属性描述文件包括该目标动画所包括的动画效果对应的属性信息。

通过在将第一图像元素替换为第二图像元素后，基于目标动画的属性描述文件来渲染第二图像元素，从而实现对第二图像元素的渲染，进而能够在目标显示对象中实现目标动画的播放，无需开发人员手动操作，提高了人机交互效率，从而提高了动画播放效率。

在一些实施例中，电子设备调用动画播放函数，进而通过该动画播放函数，来基于该属性描述文件，播放该目标动画。

其中，该动画播放函数为LottieAnimationView.playAnimation()。

上述步骤S201至步骤S205的过程参见图4，图4是根据一示例性实施例示出的一种视频播放方法的实现流程图，动画设计师在设计出动画后，通过Bodymovin插件导出属性描述文件，电子设备通过本公开所提供的方案，获取待显示的第二图像元素的布局信息和业务数据，进而基于获取到的布局信息和业务数据生成第二图像元素，再将第一图像元素替换为第二图像元素，从而基于第二图像元素和属性描述文件来播放目标动画。

上述步骤S201至步骤S205是对目标显示对象中待显示的图像元素为待替换的第一图像元素的情况下，电子设备渲染目标动画时的过程的说明，在另一些实施例中，在不存在该第一图像元素的情况下，电子设备基于该属性描述文件进行渲染，以在该目标显示对象中播放该目标动画。

也即是，在不存在待替换的第一图像元素的情况下，电子设备直接获取待显示的图像元素，进而基于属性描述文件，渲染待显示的图像元素，从而实现目标动画的播放，也即是，无需进行图像元素的替换，即可实现目标动画的播放。

其中，上述不存在待替换的第一图像元素的情况下获取待显示的图像元素的过程，通过第二元素获取函数实现，该第二元素获取函数用于获取待显示的图像元素。在一些实施例中，电子设备调用该第二元素获取函数，进而通过该第二元素获取函数，以获取待显示图像元素。其中，该第二元素获取函数为Bitmap getBitmap(LottieImageAsset asset)。

通过在不存在要替换的第一图像元素的情况下，直接基于属性描述文件渲染相应图像元素，从而实现目标显示对象中目标动画的播放，无需开发人员手动操作，提高了人机交互效率，从而提高了动画制作效率，进而能够提高动画播放效率。

本公开的实施例所提供的方案，通过在接收到元素替换指令时，确定目标显示对象中待替换的第一图像元素，进而获取用于指示待生成的第二图像元素在目标显示对象中的布局的布局信息，以及用于指示第二图像元素要包括的业务数据的业务信息，进而基于布局信息和业务信息，生成用于替换第一图像元素的第二图像元素，从而基于第二图像元素和目标动画的属性描述文件进行渲染，以实现动画渲染，进而得到能够在目标显示对象中播放的目标动画，无需开发人员手动编写代码，提高了人机交互效率，进而提高了动画制作效率。

此外，通过本公开的实施例所提供的方案，所制作出的目标动画，与动画设计师通过AE设计的动画基本一致，也即是，本公开的实施例所提供的方案，能够大幅提高动画还原度。而且动画设计师在通过AE软件完成动画设计后，通过Bodymovin插件即能自动导出所设计的目标动画的属性描述文件，进而通过本公开的实施例所提供的方案，自动进行目标动画的制作和播放，整个过程并未涉及到开发人员手动编写代码的过程，实现了动画制作的低代码，提高了开发效率，相对于手动编写代码以实现目标动画播放的方案，本公开的实施例所提供的方案，在开发效率上提高了95％以上。而且，正是由于动画制作过程中即未涉及到开发人员手动编写代码的过程，后续也就无需开发人员修改代码，来修改目标动画的显示效果，从而节省了人力成本。

下面结合一个实际的显示实例，来对本公开的效果进行进一步说明，参见图5，图5是根据一示例性实施例示出的一种待显示的图像元素的示意图，在基于图5所示的图像元素显示目标动画时，若使用Lottie，则电子设备能够基于图5所示的图像元素显示开红包特效，进而在开红包特效显示完成后，再次显示如图5所示的图像元素，而结合本公开所提供的方案，电子设备能够自行获取如图3所示的布局信息和业务数据，进而基于获取到的布局信息和业务数据生成如图3所示的第二图像元素，从而在开红包特效显示完成后，显示如图3所示的第二图像元素，以实现Lottie与业务数据的融合。

通过将布局信息与业务数据相结合，从而生成第二图像元素，进而以第二图像元素来替换第一图像元素，实现了将待显示的业务数据融合到Lottie软件中，从而实现了对Lottie软件的能力扩展，使得与业务数据相关的动画制作也能通过Lottie结合本公开所提供的方案来实现，实现了与业务数据相关的动画制作过程的自动化，而无需开发人员每次根据实际的业务数据，来手动编写代码实现动画制作。

图6是根据一示例性实施例示出的一种动画播放装置的框图。参照图6，该装置包括：

确定单元601，被配置为执行响应于元素替换指令，确定目标显示对象中待显示的第一图像元素，该元素替换指令用于指示对该第一图像元素进行替换；

获取单元602，被配置为执行获取布局信息和业务信息，该布局信息用于指示待生成的第二图像元素在该目标显示对象中的布局，该业务信息用于指示该第二图像元素所包括的业务数据；

生成单元603，被配置为执行基于该布局信息和该业务信息，生成第二图像元素；

替换单元604，被配置为执行将该第一图像元素替换为该第二图像元素；

渲染单元605，被配置为执行基于目标动画的属性描述文件和该第二图像元素进行渲染，以在该目标显示对象中播放该目标动画，该属性描述文件包括该目标动画所包括的动画效果对应的属性信息。

本公开的实施例所提供的装置，通过在接收到元素替换指令时，确定目标显示对象中待替换的第一图像元素，进而获取用于指示待生成的第二图像元素在目标显示对象中的布局的布局信息，以及用于指示第二图像元素要包括的业务数据的业务信息，进而基于布局信息和业务信息，生成用于替换第一图像元素的第二图像元素，从而基于第二图像元素和目标动画的属性描述文件进行渲染，以实现动画渲染，进而得到能够在目标显示对象中播放的目标动画，无需开发人员手动编写代码，提高了人机交互效率，进而提高了动画制作效率。

在一些实施例中，该生成单元603，被配置为执行基于该布局信息，确定待生成的第二图像元素在该目标显示对象中的布局；将该业务信息所指示的业务数据，添加至待生成的该第二图像元素的布局中，得到该第二图像元素。

在一些实施例中，该渲染单元605，被配置为执行基于该目标动画的属性描述文件，渲染该第二图像元素，以在该目标显示对象中，基于该第二图像元素播放该目标动画。

在一些实施例中，该渲染单元605，还被配置为执行在不存在该第一图像元素的情况下，基于该属性描述文件进行渲染，以在该目标显示对象中播放该目标动画。

在一些实施例中，该元素替换指令由该目标显示对象的显示指令触发。

在一些实施例中，该目标显示对象为资源发放提示框，该资源发放提示框用于发放虚拟资源；或，该目标显示对象为功能控件。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图7是根据一示例性实施例示出的一种电子设备700的框图。该电子设备700可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio LayerIV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。电子设备700还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，电子设备700包括有：一个或多个处理器701和一个或多个存储器702。

处理器701可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器701可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器701也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器701可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器701还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器702可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器702还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器702中的非暂态的计算机可读存储介质用于存储至少一个程序代码，该至少一个程序代码用于被处理器701所执行以实现本公开中方法实施例提供的动画播放方法。

在一些实施例中，电子设备700还可选包括有：***设备接口703和至少一个***设备。处理器701、存储器702和***设备接口703之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口703相连。具体地，***设备包括：射频电路704、显示屏705、摄像头706、音频电路707、定位组件708和电源709中的至少一种。

***设备接口703可被用于将I/O(Input/Output，输入/输出)相关的至少一个***设备连接到处理器701和存储器702。在一些实施例中，处理器701、存储器702和***设备接口703被集成在同一芯片或电路板上；在一些其他实施例中，处理器701、存储器702和***设备接口703中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路704用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路704通过电磁信号与通信网络以及其他通信设备进行通信。射频电路704将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路704包括：天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路704可以通过至少一种无线通信协议来与其它电子设备进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真))网络。在一些实施例中，射频电路704还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本公开对此不加以限定。

显示屏705用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏705是触摸显示屏时，显示屏705还具有采集在显示屏705的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器701进行处理。此时，显示屏705还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏705可以为一个，设置电子设备700的前面板；在另一些实施例中，显示屏705可以为至少两个，分别设置在电子设备700的不同表面或呈折叠设计；在再一些实施例中，显示屏705可以是柔性显示屏，设置在电子设备700的弯曲表面上或折叠面上。甚至，显示屏705还可以设置成非矩形的不规则图形，也即异形屏。显示屏705可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode，有机发光二极管)等材质制备。

摄像头组件706用于采集图像或视频。可选地，摄像头组件706包括前置摄像头和后置摄像头。通常，前置摄像头设置在电子设备的前面板，后置摄像头设置在电子设备的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件706还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路707可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器701进行处理，或者输入至射频电路704以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在电子设备700的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器701或射频电路704的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路707还可以包括耳机插孔。

定位组件708用于定位电子设备700的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件708可以是基于美国的GPS(GlobalPositioning System，全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。

电源709用于为电子设备700中的各个组件进行供电。电源709可以是交流电、直流电、一次性电池或可充电电池。当电源709包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，电子设备700还包括有一个或多个传感器710。该一个或多个传感器710包括但不限于：加速度传感器711、陀螺仪传感器712、压力传感器713、指纹传感器714、光学传感器715以及接近传感器716。

加速度传感器711可以检测以电子设备700建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器711可以用于检测重力加速度在三个坐标轴上的分量。处理器701可以根据加速度传感器711采集的重力加速度信号，控制显示屏705以横向视图或纵向视图进行用户界面的显示。加速度传感器711还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器712可以检测电子设备700的机体方向及转动角度，陀螺仪传感器712可以与加速度传感器711协同采集用户对电子设备700的3D动作。处理器701根据陀螺仪传感器712采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器713可以设置在电子设备700的侧边框和/或显示屏705的下层。当压力传感器713设置在电子设备700的侧边框时，可以检测用户对电子设备700的握持信号，由处理器701根据压力传感器713采集的握持信号进行左右手识别或快捷操作。当压力传感器713设置在显示屏705的下层时，由处理器701根据用户对显示屏705的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器714用于采集用户的指纹，由处理器701根据指纹传感器714采集到的指纹识别用户的身份，或者，由指纹传感器714根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器701授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器714可以被设置电子设备700的正面、背面或侧面。当电子设备700上设置有物理按键或厂商Logo时，指纹传感器714可以与物理按键或厂商Logo集成在一起。

光学传感器715用于采集环境光强度。在一个实施例中，处理器701可以根据光学传感器715采集的环境光强度，控制显示屏705的显示亮度。具体地，当环境光强度较高时，调高显示屏705的显示亮度；当环境光强度较低时，调低显示屏705的显示亮度。在另一个实施例中，处理器701还可以根据光学传感器715采集的环境光强度，动态调整摄像头组件706的拍摄参数。

接近传感器716，也称距离传感器，通常设置在电子设备700的前面板。接近传感器716用于采集用户与电子设备700的正面之间的距离。在一个实施例中，当接近传感器716检测到用户与电子设备700的正面之间的距离逐渐变小时，由处理器701控制显示屏705从亮屏状态切换为息屏状态；当接近传感器716检测到用户与电子设备700的正面之间的距离逐渐变大时，由处理器701控制显示屏705从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图7中示出的结构并不构成对电子设备700的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器702，上述指令可由电子设备700的处理器701执行以完成上述动画播放方法。可选地，计算机可读存储介质是只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、只读光盘(Compact Disc Read-Only Memory，CD-ROM)、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序产品，包括计算机程序令，该计算机程序被电子设备的处理器执行，以实现上述动画播放方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (13)

1.一种动画播放方法，其特征在于，所述方法包括：

响应于元素替换指令，确定目标显示对象中待显示的第一图像元素，所述元素替换指令用于指示对所述第一图像元素进行替换，所述元素替换指令由对目标动画的播放指令自动触发；

获取布局信息和业务信息，所述布局信息用于指示待生成的第二图像元素在所述目标显示对象中的布局，所述业务信息用于指示所述第二图像元素所包括的业务数据，所述布局是所述第二图像元素中不会随着业务数据的变化而发生变化的部分，所述业务数据随着电子设备上所登录账号的变化而发生变化；

基于所述布局信息，确定待生成的第二图像元素在所述目标显示对象中的布局；将所述业务信息所指示的业务数据，添加至待生成的所述第二图像元素的布局中，生成所述第二图像元素，将所述第一图像元素替换为所述第二图像元素；

基于所述目标动画的属性描述文件和所述第二图像元素进行渲染，以在所述目标显示对象中播放所述目标动画，所述属性描述文件包括所述目标动画所包括的动画效果对应的属性信息。

2.根据权利要求1所述的方法，其特征在于，所述基于所述目标动画的属性描述文件和所述第二图像元素进行渲染，以在所述目标显示对象中播放所述目标动画，包括：

基于所述目标动画的属性描述文件，渲染所述第二图像元素，以在所述目标显示对象中，基于所述第二图像元素播放所述目标动画。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在不存在所述第一图像元素的情况下，基于所述属性描述文件进行渲染，以在所述目标显示对象中播放所述目标动画。

4.根据权利要求1所述的方法，其特征在于，所述元素替换指令由所述目标显示对象的显示指令触发。

5.根据权利要求1所述的方法，其特征在于，所述目标显示对象为资源发放提示框，所述资源发放提示框用于发放虚拟资源；或，所述目标显示对象为功能控件。

6.一种动画播放装置，其特征在于，所述装置包括：

确定单元，被配置为执行响应于元素替换指令，确定目标显示对象中待显示的第一图像元素，所述元素替换指令用于指示对所述第一图像元素进行替换，所述元素替换指令由对目标动画的播放指令自动触发；

获取单元，被配置为执行获取布局信息和业务信息，所述布局信息用于指示待生成的第二图像元素在所述目标显示对象中的布局，所述业务信息用于指示所述第二图像元素所包括的业务数据，所述布局是所述第二图像元素中不会随着业务数据的变化而发生变化的部分，所述业务数据随着电子设备上所登录账号的变化而发生变化；

生成单元，被配置为执行基于所述布局信息，确定待生成的第二图像元素在所述目标显示对象中的布局；将所述业务信息所指示的业务数据，添加至待生成的所述第二图像元素的布局中，生成所述第二图像元素；

替换单元，被配置为执行将所述第一图像元素替换为所述第二图像元素；

渲染单元，被配置为执行基于所述目标动画的属性描述文件和所述第二图像元素进行渲染，以在所述目标显示对象中播放所述目标动画，所述属性描述文件包括所述目标动画所包括的动画效果对应的属性信息。

7.根据权利要求6所述的装置，其特征在于，所述渲染单元，被配置为执行基于所述目标动画的属性描述文件，渲染所述第二图像元素，以在所述目标显示对象中，基于所述第二图像元素播放所述目标动画。

8.根据权利要求6所述的装置，其特征在于，所述渲染单元，还被配置为执行在不存在所述第一图像元素的情况下，基于所述属性描述文件进行渲染，以在所述目标显示对象中播放所述目标动画。

9.根据权利要求6所述的装置，其特征在于，所述元素替换指令由所述目标显示对象的显示指令触发。

10.根据权利要求6所述的装置，其特征在于，所述目标显示对象为资源发放提示框，所述资源发放提示框用于发放虚拟资源；或，所述目标显示对象为功能控件。

11.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至5中任一项所述的动画播放方法。

12.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至5中任一项所述的动画播放方法。

13.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至5中任一项所述的动画播放方法。