[发明专利]一种数据加载动画的实现方法及装置有效

专利信息
申请号: 201611241713.2 申请日: 2016-12-29
公开(公告)号: CN108255546B 公开(公告)日: 2021-09-24
发明(设计)人: 张坤 申请(专利权)人: 腾讯科技(北京)有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06T13/80
代理公司: 北京德琦知识产权代理有限公司 11018 代理人: 于天琳;王琦
地址: 100080 北京市海淀区海淀*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 数据 加载 动画 实现 方法 装置
【说明书】:

本申请公开了一种数据加载动画的实现方法,包括:在应用软件的执行过程中,响应于用户的数据加载请求,获取在加载数据的过程中显示的动画文件;以及根据所述动画文件,显示动画直至所述数据加载完成;其中,所述显示动画包括:根据所述动画文件设置的画布宽度和高度确定绘制动画的区域;根据所述动画文件设置的至少一个动画元素的属性绘制所述至少一个动画元素;以及定时清除已在绘制动画的区域内绘制的至少一个动画元素,按照所述动画文件设置的所述至少一个动画元素的移动方式,更新所述至少一个动画元素的属性,并根据更新后的所述至少一个动画元素的属性重新绘制所述至少一个动画元素。本申请还公开了一种数据加载动画的实现装置。

技术领域

本申请涉及互联网技术领域,尤其涉及一种数据加载动画的实现方法及装置。

背景技术

目前,随着移动互联网技术的不断发展,可以在移动终端上安装并使用的应用(APP)也越来越丰富。对于很多应用来讲,在用户点击移动终端上某个应用的图标进入该应用客户端主页面、点击应用的某个选项请求进入该应用的某个子页面或者进行其他类型的页面切换时,移动终端上的应用客户端通常需要先向对应的应用服务器请求相应的数据,以便完成主页面或者子页面的显示。例如,对于某些新闻类应用、视频类应用、甚至针对金融产品的应用,这些应用的主页面以及各个子页面上显示的数据或者内容是随着时间的变化而不断变化的。因此,在打开这些应用的主页面或者各个子页面时,移动终端上的客户端需要首先向对应的应用服务器请求相应的主页面或者子页面的数据,并在完成这些数据的加载过程后,才能显示相应的主页面或者子页面。可以理解,这样的数据传输以及加载过程需要或多或少的一段时间,而且在这段时间内这个应用是处于不可用的状态。因此,为了提示用户客户端正在加载数据的过程中,以防止用户二次提交数据加载请求,目前市场上的移动客户端在加载数据时通常会显示简单的动画,告知用户该数据正在加载过程中,请其耐心等待,以缓解用户等待的情绪。上述的这种在数据加载过程中显示动画的方式可以提供视觉反馈,管理用户期望,降低用户放弃浏览数据的几率。

发明内容

本申请实例提供一种数据加载动画的实现方法,该方法包括:在应用软件的执行过程中,响应于用户的数据加载请求,在从应用服务器加载数据的同时,获取在加载数据的过程中显示的动画文件;以及根据所述动画文件,显示动画直至所述数据加载完成;其中,所述显示动画包括:根据所述动画文件设置的画布宽度和高度确定绘制动画的区域;根据所述动画文件设置的至少一个动画元素的属性在所确定绘制动画的区域内绘制所述至少一个动画元素;以及定时清除已在绘制动画的区域内绘制的至少一个动画元素,按照所述动画文件设置的所述至少一个动画元素的移动方式更新所述至少一个动画元素的属性,并根据更新后的所述至少一个动画元素的属性重新绘制所述至少一个动画元素。

本申请还提供了一种数据加载动画的实现装置,该装置包括:数据加载模块,在应用软件的执行过程中,响应于用户的数据加载请求,在从应用服务器加载数据的同时,获取在加载数据的过程中显示的动画文件;以及显示模块,根据所述动画文件,显示动画直至所述数据加载完成;其中,所述显示模块包括:画布区域设置单元,根据所述动画文件设置的画布宽度和高度确定绘制动画的区域;第一绘制单元,根据所述动画文件设置的至少一个动画元素的属性在所确定绘制动画的区域内绘制所述至少一个动画元素;以及第二绘制单元,定时清除已在绘制动画的区域内绘制的至少一个动画元素,按照所述动画文件设置的所述至少一个动画元素的移动方式更新所述至少一个动画元素的属性,并根据更新后的所述至少一个动画元素的属性重新绘制所述至少一个动画元素。

采用本申请提出的上述技术方案,能够在提示用户正在加载数据的同时为用户带来了更为丰富和新奇的体验,还能够降低用户等待的枯燥乏味感,增强用户的使用感受。而且,在本申请提出的技术方案中,动画文件本身不包含图片,因此,文件大小非常小,方便下载以及存储,而且既能节省下载所需的网络资源又能节省存储所需的存储器的空间。

附图说明

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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