[发明专利]动画效果的呈现方法、装置及终端有效

专利信息
申请号: 201710552643.0 申请日: 2017-07-07
公开(公告)号: CN107423060B 公开(公告)日: 2021-03-30
发明(设计)人: 吴华;董红光 申请(专利权)人: 北京小米移动软件有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06T13/20
代理公司: 北京博思佳知识产权代理有限公司 11415 代理人: 陈蕾
地址: 100085 北京市海淀区清河*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 动画 效果 呈现 方法 装置 终端
【说明书】:

本公开提供一种动画效果的呈现方法、装置及终端,所述方法的一具体实施方式包括:获取采用层叠样式表CSS描述的动画数据;采用预设组件将所述动画数据映射到目标实现方法;按照所述目标实现方法呈现所述动画数据对应的动画效果。该实施方式能够使得CSS描述的所有动画数据均能够支持应用程序上的动画开发,简化了开发过程,提高了效率。

技术领域

本公开涉及计算机软件技术领域,特别涉及一种动画效果的呈现方法、装置及终端。

背景技术

应用程序在终端设备上运行时,可能需要呈现一些动画效果,目前来说,通过应用程序呈现的web页面通常采用CSS(Cascading Style Sheets,层叠样式表)来描述动画数据,其中,动画数据可以包括多个标签的数据(例如,标签的属性及对应的属性数据,标签的样式数据等)。但是,并不是CSS描述的所有动画数据(如,标签的属性和/或样式等)都能支持应用程序上的动画开发。

对于CSS中不支持应用程序上动画开发的动画数据,开发者在开发应用程序上的动画时则不能使用。因此,在相关技术中,开发者在通过CSS进行动画实现时,需要查询所欲使用的标签的属性和/或样式是否支持应用程序上的动画开发,如果不支持,则不能使用,导致开发过程繁琐,效率低。

发明内容

为了解决上述技术问题,本公开提供一种动画效果的呈现方法、装置及终端。

根据本公开实施例的第一方面,提供一种动画效果的呈现方法,包括:

获取采用层叠样式表CSS描述的动画数据;

采用预设组件将所述动画数据映射到目标实现方法;

按照所述目标实现方法呈现所述动画数据对应的动画效果。

可选的,所述采用预设组件将所述动画数据映射到目标实现方法,包括:

采用预设组件将所述动画数据中包括的每个标签的数据映射到对应的目标实现方法。

可选的,针对每个标签的数据,通过如下方式将该标签的数据映射到对应的目标实现方法:

采用所述预设组件从该标签的数据中获取动画起始数据;

采用所述预设组件从该标签的数据中获取动画结束数据以及动画过渡数据;

基于所述动画起始数据、所述动画结束数据以及所述动画过渡数据,将该标签的数据映射到对应的目标实现方法。

可选的,所述采用所述预设组件从该标签的数据中获取动画起始数据,包括:

当该标签的数据中包括预设的动画起始数据时,直接从该标签的数据中获取所述预设的动画起始数据;

当该标签的数据中未包括预设的动画起始数据时,获取当前的显示数据作为所述动画起始数据。

可选的,所述目标实现方法为基于native层的方法。

根据本公开实施例的第二方面,提供一种动画效果的呈现装置,包括:

获取模块,被配置为获取采用层叠样式表CSS描述的动画数据;

映射模块,被配置为采用预设组件将所述动画数据映射到目标实现方法;

呈现模块,被配置为按照所述目标实现方法呈现所述动画数据对应的动画效果。

可选的,所述呈现模块包括:

映射子模块,被配置为采用预设组件将所述动画数据中包括的每个标签的数据映射到对应的目标实现方法。

可选的,所述映射子模块包括:第一获取子模块,第二获取子模块和方法映射子模块;

针对每个标签的数据:

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京小米移动软件有限公司,未经北京小米移动软件有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201710552643.0/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top