iOS物体与直线动画

时间:2021-04-04 03:21:00
【文件属性】:
文件名称:iOS物体与直线动画
文件大小:40KB
文件格式:ZIP
更新时间:2021-04-04 03:21:00
IOS源码 源码Demo_LineAnimation,最近在做产品里面一个界面的交互,需要对一个物体进行移动,同时有一条直线跟随物体运动增长,就像物体是拉着一根线出现,消失的时候就是线拉着物体回去的感觉,大概情况如下面的动画: 说说实现的大概思路,具体的代码请看Git的Demo咯,大家有需要的话后期可以抽象成一个类库来。现在只要简单的上下左右移动,可以根据需求修改运动坐标变成任意方向移动,稍后会更新上去。 动画主要由三块组成: 使用CAKeyframeAnimation进行物体的路径移动; 使用UIBezierPath构建路径线及使用CABasicAnimation的stroke完成线的动画; 使用CABasicAnimation的opacity进行物体运动过程的透明度变化,让动画更加自然; 最后就是使用CAAnimationGroup将动画组合起来,效果就是上面所看到的,具体代码参见GitHub的Demo,欢迎大家Fork项目还有Follow我,有什么问题欢迎一起交流。
【文件预览】:
Demo_LineAnimation-master
----.gitignore(282B)
----LineAnimationDemo.xcodeproj()
--------project.xcworkspace()
--------project.pbxproj(15KB)
--------xcuserdata()
----README.md(169B)
----ScreenShot.gif(13KB)
----LICENSE(1KB)
----LineAnimationDemo()
--------AppDelegate.h(286B)
--------ViewController.h(224B)
--------Base.lproj()
--------main.m(343B)
--------Images.xcassets()
--------Info.plist(1KB)
--------AppDelegate.m(2KB)
--------ViewController.m(8KB)
----LineAnimationDemoTests()
--------LineAnimationDemoTests.m(898B)
--------Info.plist(747B)

网友评论