[发明专利]用于实现轮播动画的方法及装置

说明书

技术领域

本申请涉及动画播放技术领域，特别是涉及用于实现轮播动画的方法及装置。

背景技术

在PC或者移动终端上的Web应用中，很多场景需要使用到类似tab切换的图片轮播。例如，在某购物网站的首页上，向买家推荐符合大多数买家意愿并且符合时令的相关热销的商品，这样的商品可能不止一个，并且一般需要以较大尺寸的图片做链接，以便引起买家的注意，起到重点推荐的作用。但用于推荐的页面区域却是有限的，因此，在这样的情况下，就可以在网页中加入一个轮播组件。

轮播组件是用以实现幻灯切换效果的组件，可以在网页中某位置轮换显示图片、广告等内容。每个切换单元为一帧，组件的展现方式为：依次循环切换显示其中一帧内容。也即，在某一时刻，在推荐区域只显示其中一个商品的链接图片，在间隔一定的时间后，再自动在该区域显示下一个商品的链接图片。一个典型的应用就是淘宝网首页上的轮播广告。

对于轮播组件而言，每一帧内容中通常会包含很多元素，一帧中的元素集被称为“一组内容”，这“一组”即是一个“切片”。一个轮播组件可包含多个切片，每次切换只展示其中一个切片。例如，某轮播组件需要对五组广告进行轮播，则每组广告在显示时需要包含的元素就组成一个切片，五组广告对应五个切片。

最初，网页中的轮播组件在切换时，通常只能显示单一的动画效果。例如：从一个切片左右滑动到另一个切片，或由不透明变为透明等，轮播的显示效果不够丰富。随着动画技术的发展，现有技术中出现了支持分层动画的轮播组件。这种组件在切换切片时，可以显示分层动画，例如：某切片中同时显示了“文字渐显”和“文字滑动”两个动画，等等。但是，现有的轮播组件一般只支持有限的几种动画组合，如：渐隐、渐现、滑动等的组合；并且，这些动画组合的模式已被固化在代码中，使用者只能在这几种动画效果中选择，如果在某些应用场景中，需要显示个性化的分层动画(如：颜色渐变+滑动等)，这些现有的组件代码是无法复制过来直接使用的，使得最终的分层动画效果缺乏灵活性，轮播组件本身也缺乏通用性，影响动画制作效率。

发明内容

本申请提供了用于实现轮播动画的方法及装置，能够实现个性化的分层动画，并提高通用性和动画制作效率。

本申请提供了如下方案：

一种用于实现轮播动画的方法，包括：

获取各个切片的动画播放列表；其中，对于一个切片而言，所述动画播放列表包括切入动画播放列表和/或切出动画播放列表，每个动画播放列表中保存有至少一个动画对象的信息，以及动画对象对应的播放效果信息；

当需要进行切片的切换时，根据待隐藏切片的切出动画播放列表和/或待显示切片的切入动画播放列表，创建动画播放序列；

根据所述动画播放序列以及各个动画对象对应的播放效果信息进行动画的播放，以完成切片间的轮播切换。

一种用于实现轮播动画的装置，包括：

动画播放列表获取单元，用于获取各个切片的动画播放列表；其中，对于一个切片而言，所述动画播放列表包括切入动画播放列表和/或切出动画播放列表，每个动画播放列表中保存有至少一个动画对象的信息，以及动画对象对应的播放效果信息；

动画播放序列创建单元，用于当需要进行切片的切换时，根据待隐藏切片的切出动画播放列表和/或待显示切片的切入动画播放列表，创建动画播放序列；

动画播放单元，用于根据所述动画播放序列以及各个动画对象对应的播放效果信息进行动画的播放，以完成切片间的轮播切换。

根据本申请提供的具体实施例，本申请公开了以下技术效果：

在本申请实施例中，通过向使用者提供分层动画的底层实现接口，使得使用者可以按照自己的需要任意得对动画进行个性化的设计，包括各层分别显示什么动画，各个动画本身以及之间所采用的播放效果，等等，不会再受到固化代码的限制，可以更加灵活地进行个性化的动画设计。对于轮播组件而言，可以根据各个接口传入的配置参数，获取切片的动画播放列表，进而获取动画对象的信息以及对应的播放效果信息，然后在需要进行切片的切换时，就可以根据待隐藏切片以及待显示切片的动画播放列表中保存的这些信息，建立起动画播放序列，并据此进行动画的播放即可。因此，不再受到特定应用场景的限制，提高了通用性和动作制作效率。

在为某切片创建了动画播放列表之后，可以在缓存中进行保存，以后再需要获取该切片的动画播放列表时，就可以直接从缓存中读取，而不需要再重新创建，因此，可以提高动画的播放效率。

当然，实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。

附图说明