IOS圆球沿着椭圆轨迹做动画资源-CSDN文库

25 浏览量 2021-01-05 12:54:30 上传评论收藏 74KB PDF 举报

资源详情

资源评论

资源推荐

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;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

内容反馈

weixin_38664989

粉丝: 4
资源: 906

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip