[发明专利]一种以基于视差原理的组合动画实现用户行为引导的方法有效
申请号: | 201510205516.4 | 申请日: | 2015-04-28 |
公开(公告)号: | CN104821004B | 公开(公告)日: | 2018-06-05 |
发明(设计)人: | 马剑光 | 申请(专利权)人: | 成都品果科技有限公司 |
主分类号: | G06T13/00 | 分类号: | G06T13/00 |
代理公司: | 成都玖和知识产权代理事务所(普通合伙) 51238 | 代理人: | 黎祖琴 |
地址: | 610041 四川*** | 国省代码: | 四川;51 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 翻页 引导的 动画实现 对比效果 视差原理 图片播放 用户行为 自动循环 图分割 延迟 产品粘度 行为引导 视差 紧凑 展示 组装 图片 | ||
1.一种以基于视差原理的组合动画实现用户行为引导的方法,其特征在于:包括以下步骤:
S1、准备一个组装动画的翻页容器;
S2、将无限自动循环动画置放在翻页容器的第一页;
S3、将图片播放展示动画置放在翻页容器的第二页;
S4、将图片延迟飞入动画置放在翻页容器的第三页;
S5、将刷图分割对比效果动画置放在翻页容器的第四页;
S6、翻页到翻页容器的第一页,执行无限自动循环动画:
S61、图片容器ImageView1开始向上滚动;
S62、图片容器ImageView2跟随图片容器ImageView1一起向上滚动;
S63、若图片容器ImageView1完全滚动出第一动画可视区域,则进入下一步,否则继续执行上一步;
S64、移动图片容器ImageView1至图片容器ImageView2的底部;
S65、图片容器ImageView1跟随图片容器ImageView2一起向上滚动;
S66、若图片容器ImageView2完全滚动出第一动画可视区域,则进入下一步,否则继续执行上一步;
S67、移动图片容器ImageView2至图片容器ImageView1的底部;
S68、执行步骤S63;
S7、翻页到翻页容器的第二页,执行图片播放展示动画:
S71、第一张图片开始在规定时间进行Scale放大动画,并展示与其对应的文字描述,完成后ImageView3切换至第二张图片;
S72、第二张图片开始在规定时间进行Scale缩小动画,并展示与其对应的文字描述,完成后ImageView3切换至第三张图片;
S73、第三张图片开始在规定时间进行Scale放大动画,并展示与其对应的文字描述,完成后ImageView3切换至第四张图片;
S74、第四张图片开始在规定时间进行Scale缩小动画,并展示与其对应的文字描述;
S75、若重新展示播放动画,则重新执行步骤S71-S74,否则,结束;
S8、翻页到翻页容器的第三页,执行图片延迟飞入动画:
S81、ImageView4开始飞入到第三动画可视区域内的指定位置,当ImageView4动画执行完毕,等待0.3秒;
S82、ImageView5开始飞入到第三动画可视区域内的指定位置,当ImageView5动画执行完毕,等待0.3秒;
S83、ImageView6开始飞入到第三动画可视区域内的指定位置,当ImageView6动画执行完毕,结束
S9、翻页到翻页容器的第四页,执行刷图分割对比效果动画:
S91、将分割容器View的宽度在规定的时间内由0变成640,此时View里的ImageView8完全显示并覆盖ImageView7;
S92、再将分割容器View的宽度在规定的时间内由640变成320,此时View里的ImageView8可见范围是一半并显示在左边,ImageView7可见范围也是一半并显示右边。
2.根据权利要求1所述的一种以基于视差原理的组合动画实现用户行为引导的方法,其特征在于:所述翻页容器至少有四页,每页可以进行左右切换,且每页的大小等于应用的显示区域大小,每翻到一页就会执行当前页的动画。
3.根据权利要求2所述的一种以基于视差原理的组合动画实现用户行为引导的方法,其特征在于:步骤S2中将无限自动循环动画置放在翻页容器的第一页的过程如下:
S21、在翻页容器的第一页上设定第一动画可视区域的位置及大小;
S22、设定图片容器ImageView1和ImageView2并放入第一动画可视区域,ImageView2默认显示在ImageView1最底部。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于成都品果科技有限公司,未经成都品果科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201510205516.4/1.html,转载请声明来源钻瓜专利网。