[发明专利]一种视图的动画效果实现方法及装置在审
申请号: | 201710406260.2 | 申请日: | 2017-06-02 |
公开(公告)号: | CN107340964A | 公开(公告)日: | 2017-11-10 |
发明(设计)人: | 张磊;张文明;陈少杰 | 申请(专利权)人: | 武汉斗鱼网络科技有限公司 |
主分类号: | G06F3/0488 | 分类号: | G06F3/0488 |
代理公司: | 北京路浩知识产权代理有限公司11002 | 代理人: | 王莹 |
地址: | 430000 湖北省武汉市武汉东湖*** | 国省代码: | 湖北;42 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 视图 动画 效果 实现 方法 装置 | ||
技术领域
本发明涉及视图动画技术领域,更具体地,涉及一种视图的动画效果实现方法及装置。
背景技术
在客户端的视图开发过程中,经常会使用到动画效果,目前通常的做法是,运用系统中已有的动画效果来设置每一个视图的动画效果,比如一个视图飞入屏幕的方式,旋转飞入还是缩放飞入。
针对不同的动画效果,需要对同一个视图设置多次动效效果参数,这样会操作繁琐,影响工作效率,同时在对视图的动画效果参数进行设置的过程中,与用户属于零交互过程,用户的体验性比较差。
发明内容
本发明提供一种克服上述问题或者至少部分地解决上述问题的视图的动画效果实现方法及装置。
根据本发明的第一方面,提供了一种视图的动画效果实现方法,应用于触摸型终端,包括:
S1,监听触摸型终端上视图的手势操作事件;
S2,根据对视图的手势滑动偏移距离以及手势滑动偏移距离和视图动画效果参数之间的映射关系,得到视图动画效果参数;
S3,根据所述视图动画效果参数,对视图进行动画展示。
本发明的有益效果为:针对客户端中产品的动效需求,提出了一套基于手势的弹性动画特效实现方法,根据对视图的手势操作,对视图赋予不同的动画效果,使得动画更为逼真和真实。
在上述技术方案的基础上,本发明还可以作如下改进。
进一步的,所述手势操作事件包括手势按下事件、手势滑动事件和手势抬起事件;
所述步骤S2中通过如下方式计算对视图的手势滑动偏移距离:
S21a,监听手势按下事件,记录按下点的横纵坐标(Ax,Ay);
S22a,监听手势滑动事件,记录在手势滑动过程中的手指当前位置的横纵坐标(Ex,Ey);
S23a,分别获取横轴的滑动偏移距离Δx=Ex-Ax和纵轴的滑动偏移距离Δy=Ey-Ay,将Δx和Δy中的较大者作为对视图的手势滑动偏移距离。
进一步的,所述步骤S2中通过如下方式建立对视图的手势滑动偏移距离和视图动画效果参数之间的映射关系:
S21b,检测手势抬起事件,记录抬起点的横纵坐标;
S22b,根据手势按下点的横纵坐标和抬起点的横纵坐标,确定手势滑动偏移距离的取值范围;
S23b,根据确定的手势滑动偏移距离的取值范围和预设的视图动画效果参数的取值范围,建立手势滑动偏移距离与视图动画效果参数之间的映射关系。
进一步的,所述步骤S22b具体包括:
设抬起点的横纵坐标为(Gx,Gy),分别获取横轴的手势滑动偏移距离Δx'=Gx-Ax和纵轴的手势滑动偏移距离Δy'=Gy-Ay,根据Δx'和Δy'中的较大值确定手势滑动偏移距离的取值范围。
进一步的,所述动画效果参数包括视图缩放比例和视图透明度。
进一步的,预设的所述视图缩放比例P的取值范围为0<P≤1.1,所述视图透明度T的取值范围为0<T≤1。
进一步的,所述手势滑动偏移距离与视图缩放比例之间为二阶曲线关系,所述手势滑动偏移距离与视图透明度之间为一阶线性关系。
进一步的,所述步骤S3具体包括:
在手势对视图的滑动过程中,实时根据当前手势滑动偏移距离得到对应的视图缩放比例和透明度,对视图进行动画展示;或者,
当监听到手势抬起事件时,根据手势抬起时的手势滑动偏移距离,得到对应的视图缩放比例和透明度,对视图进行动画展示。
根据本发明的一个方面,提供了一种视图的动画效果实现装置,包括:
监听模块,用于监听触摸型终端上视图的手势操作事件;
获取模块,用于根据对视图的手势滑动偏移距离以及手势滑动偏移距离和视图动画效果参数之间的映射关系,得到视图动画效果参数;
展示模块,用于根据所述视图动画效果参数,对视图进行动画展示。
根据第三方面,一种视图的动画效果实现方法的设备,其特征在于,包括处理器(processor)、存储器(memory)和总线;
所述处理器和存储器通过所述总线完成相互间的通信;
所述存储器存储有可被所述处理器执行的程序指令,所述处理器调用所述程序指令能够执行如下方法:
监听触摸型终端上视图的手势操作事件;根据对视图的手势滑动偏移距离以及手势滑动偏移距离和视图动画效果参数之间的映射关系,得到视图动画效果参数;根据所述视图动画效果参数,对视图进行动画展示。
附图说明
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于武汉斗鱼网络科技有限公司,未经武汉斗鱼网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710406260.2/2.html,转载请声明来源钻瓜专利网。