IOS 圆球沿着椭圆轨迹做动画
前言：最近公司项目有个需求，需要实现让一个view沿着椭圆轨迹做动画，效果实现后，就自己封装做了一个小demo，使用更方便。先看效果：
椭圆.gif
效果图中的白色椭圆轨迹线其实是用贝塞尔曲线画出来的，为了清晰的看出来运动的轨迹。其实项目中是不显示轨迹线的，也就是小球是悬空运动的。若不需要删除掉即可。
实现步骤：
1.首先设定关键帧动画CAKeyframeAnimation的一些属性，比如运动时间和重复次数和calculationMode模式，我们选择kCAAnimationPaced 使得动画均匀进行。
CAKeyframeAnimation *pathAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"]; pathAnimation.calculationMode = kCAAnimationPaced; pathAnimation.fillMode = kCAFillModeForwards; pathAnimation.removedOnCompletion = NO; pathAnimation.duration = 5.0; pathAnimation.repeatCount = 2;
2.设定好关键帧动画的path，即一个椭圆形的路径。需要使用CGPathAddArc，CGPathAddArc经常用于画正圆，比如下面就是一个正圆，各个参数的意义：
//160,200为圆心,100为半径 （startAngle，endAngle）为起始角度和结束角度，1为顺时针，0 为逆时针
CGPathAddArc(curvedPath, NULL, 160,200, 100, startAngle, endAngle, 0);
需要注意的是由于iOS中的坐标体系是和Quartz坐标体系中Y轴相反的，所以iOS UIView在做Quartz绘图时，Y轴已经做了Scale为-1的转换，因此造成CGPathAddArc函数最后一个是否是顺时针的参数结果正好是相反的，也就是说如果设置最后的参数为YES，根据参数定义应该是顺时针的，但实际绘图结果会是逆时针的！
我们需要画的是椭圆啊，别急，接下来稍作更改即可。正圆第二个参数默认为NULL，我们要改成椭圆，
//短半轴和长半轴的比例
float radiuscale = 0.5;
//椭圆顶点的坐标值
CGFloat origin_x = self.frame.size.width/2;
CGFloat origin_y = self.frame.size.height/2;
//长半轴的长
CGFloat radiusX = 100;
CGMutablePathRef curvedPath = CGPathCreateMutable();
CGAffineTransform t2 = CGAffineTransformConcat(CGAffineTransformConcat(
CGAffineTransformMakeTranslation(-origin_x, -origin_y),
CGAffineTransformMakeScale(1, radiuscale)),
CGAffineTransformMakeTranslation(origin_x, origin_y));
CGPathAddArc(curvedPath, &t2, origin_x, origin_y, radiusX,startAngle,endAngle, 1);
pathAnimation.path = curvedPath;
CGPathRelease(curvedPath);
好了，至此，动画的轨迹和属性都写好了。添加到view上就ok了。
3.贝塞尔画椭圆
如果是整个椭圆的话，只需要设定好理想中的椭圆的外切圆即可。
//整个椭圆 CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSaveGState(context); UIBezierPath *arc = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(origin_x-100, origin_y-50, 200, 100)]; [[UIColor whiteColor] setStroke]; [arc stroke]; CGContextRestoreGState(context);
总结: 希望本文能对你有帮助。如果你有更好的想法,欢迎和我交流!
demo地址:https://github.com/xiaochenyi/CircleAnimateDemo
文／秋雨W（简书作者）
原文链接：http://www.jianshu.com/p/d8cc02e7efa7
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。
相关文章
这篇文章主要为大家详细介绍了iOS App引导页开发教程,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家详细介绍了TextField和TextView限制输入字数长度代码，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了iOS中 UIActionSheet字体的修改,需要的朋友可以参考下2017-06-06
NSURL其实就是我们在浏览器上看到的网站地址，这不就是一个字符串么，为什么还要在写一个NSURL呢，主要是因为网站地址的字符串都比较复杂，包括很多请求参数，这样在请求过程中需要解析出来每个部门，所以封装一个NSURL，操作很方便2015-12-12
这篇文章主要给大家介绍了在iOS中自动实现对象序列化的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-05-05
这篇文章主要为大家详细介绍了iOS实现波浪效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
这篇文章主要介绍了IOS倒计时设置UIButton标题title的抖动问题，在发送验证码后，button状态需要变为disable，每隔一秒显示倒计时时间，下面通过本文给大家介绍设置方法，一起看看吧2016-12-12
这篇文章主要介绍了iOS滑动解锁、滑动获取验证码效果的实现代码，小编认为还不错，非常实用，所有分享给大家，感兴趣的朋友可以参考下2016-05-05
这篇文章主要为大家详细介绍了iOS屏幕适配开发实用技巧,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
很多朋友在做ios开发项目时，遇到支付宝支付成功返回字符串的处理操作不知道该怎么办，今天小编给大家分享实例代码，需要的朋友参考下2017-02-02
最新评论