[发明专利]用于实现轮播动画的方法及装置有效
申请号: | 201310077767.X | 申请日: | 2013-03-12 |
公开(公告)号: | CN104050579B | 公开(公告)日: | 2017-10-27 |
发明(设计)人: | 黄超 | 申请(专利权)人: | 阿里巴巴集团控股有限公司 |
主分类号: | G06Q30/02 | 分类号: | G06Q30/02;G06F17/30;G06T13/00 |
代理公司: | 北京润泽恒知识产权代理有限公司11319 | 代理人: | 苏培华 |
地址: | 英属开曼群岛大开*** | 国省代码: | 暂无信息 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 用于 实现 动画 方法 装置 | ||
1.一种用于实现轮播动画的方法,其特征在于,包括:
获取各个切片的动画播放列表;其中,对于一个切片而言,所述动画播放列表包括切入动画播放列表和/或切出动画播放列表,每个动画播放列表中保存有至少一个动画对象的信息,以及动画对象对应的播放效果信息;
当需要进行切片的切换时,根据待隐藏切片的切出动画播放列表和/或待显示切片的切入动画播放列表,创建动画播放序列;
根据所述动画播放序列以及各个动画对象对应的播放效果信息进行动画的播放,以完成切片间的轮播切换。
2.根据权利要求1所述的方法,其特征在于,所述获取各个切片的动画播放列表包括:
解析通过预置的接口传入的配置参数,获取为各个切片设置的动画对象的信息,以及动画对象对应的播放效果信息;
将所述动画对象的信息以及对应的播放效果信息添加到对应切片的动画播放列表中,得到各个切片的动画播放列表。
3.根据权利要求2所述的方法,其特征在于,所述解析通过预置的接口传入的配置参数,获取为各个切片设置的动画对象的信息,以及动画对象对应的播放效果信息包括:
解析通过预置的用于创建动画的接口为各个切片传入的配置参数,创建动画对象,并获取各个动画对象对应的播放效果信息。
4.根据权利要求2所述的方法,其特征在于,所述解析通过预置的接口传入的配置参数,获取为各个切片设置的动画对象的信息,以及动画对象对应的播放效果信息包括:
解析通过预置的用于创建动画组的接口为各个切片传入的配置参数,创建动画组对象;
解析通过预置的用于向动画组中添加动画或动画组的接口传入的配置参数,获知动画组对象中包含的成员,以及各个成员之间的播放控制信息;其中,所述成员包括动画对象或者动画组对象;
解析通过预置的用于创建动画的接口为动画组内的动画对象传入的配置参数,创建动画对象,并获取各个动画对象对应的播放效果信息。
5.根据权利要求4所述的方法,其特征在于,所述动画组内包含的各个成员之间的播放控制信息包括:动画组内各个成员之间的播放顺序和/或延迟时间。
6.根据权利要求2至5任一项所述的方法,其特征在于,还包括:
将创建的动画播放列表保存在缓存中;
所述获取各个切片的动画播放列表包括:
读取缓存中的数据,获取各个切片的动画播放列表。
7.根据权利要求1至5任一项所述的方法,其特征在于,所述根据所述动画播放序列以及各个动画对象对应的播放效果信息进行动画的播放包括:
从所述动画播放序列中获取待播放的动画对象;
判断该待播放的动画对象是否正处于播放过程中;
如果是,则根根据该动画对象已经播放的时长以及预置的动画算法,计算出当前动画文档对象模型DOM节点的级联样式表CSS属性值;
利用所述当前动画DOM节点的CSS属性值,对所述动画DOM节点进行显示。
8.根据权利要求7所述的方法,其特征在于,所述判断该待播放的动画对象是否正处于播放过程中包括:
获取当前时间点以及所述待播放动画的起始播放时间;
判断所述起始播放时间与当前时间点之间的间隔是否已达到为该待播放动画配置的播放时长;
如果未达到所述播放时长,则检查动画DOM节点的属性是否已达到配置的结束值,如果未达到,则确定该待播放的动画对象正处于播放过程中。
9.根据权利要求1至5任一项所述的方法,其特征在于,所述动画对象的播放效果信息包括以下各项中的一项或多项:
动画对象的CSS属性、CSS属性的起始值及结束值、播放时长、运动轨迹。
10.一种用于实现轮播动画的装置,其特征在于,包括:
动画播放列表获取单元,用于获取各个切片的动画播放列表;其中,对于一个切片而言,所述动画播放列表包括切入动画播放列表和/或切出动画播放列表,每个动画播放列表中保存有至少一个动画对象的信息,以及动画对象对应的播放效果信息;
动画播放序列创建单元,用于当需要进行切片的切换时,根据待隐藏切片的切出动画播放列表和/或待显示切片的切入动画播放列表,创建动画播放序列;
动画播放单元,用于根据所述动画播放序列以及各个动画对象对应的播放效果信息进行动画的播放,以完成切片间的轮播切换。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于阿里巴巴集团控股有限公司,未经阿里巴巴集团控股有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201310077767.X/1.html,转载请声明来源钻瓜专利网。