代码库> 视图动画> iOS物体与直线动画
iOS物体与直线动画
关注
上传者:yourtion 分类:视图动画(View Animation)
查看次数:3366 下载次数:291
上传时间:2014-07-27 大小:40 B
最近在做产品里面一个界面的交互,需要对一个物体进行移动,同时有一条直线跟随物体运动增长,就像物体是拉着一根线出现,消失的时候就是线拉着物体回去的感觉,大概情况如下面的动画:



详情参见:http://blog.yourtion.com/ios-object-and-line-animation.html

说说实现的大概思路,具体的代码请看Git的Demo咯,大家有需要的话后期可以抽象成一个类库来。现在只要简单的上下左右移动,可以根据需求修改运动坐标变成任意方向移动,稍后会更新上去。

Demo on GitHub:https://github.com/yourtion/Demo-LineAnimation

动画主要由三块组成:
使用CAKeyframeAnimation进行物体的路径移动;
使用UIBezierPath构建路径线及使用CABasicAnimation的stroke完成线的动画;
使用CABasicAnimation的opacity进行物体运动过程的透明度变化,让动画更加自然;

最后就是使用CAAnimationGroup将动画组合起来,效果就是上面所看到的,具体代码参见GitHub的Demo,欢迎大家Fork项目还有Follow我,有什么问题欢迎一起交流。

收藏
我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0


综合评论
提示
sina weixin mail 回到顶部