- (void)viewDidLoad {
[super viewDidLoad];
CGFloat bezierPathH = self.view.bounds.size.height - 200;
UIBezierPath *bezierPath = [[UIBezierPath alloc] init];
[bezierPath moveToPoint:CGPointMake(self.view.bounds.size.width / 2, 100)];
// 三次贝塞尔曲线
[bezierPath addCurveToPoint:CGPointMake(self.view.bounds.size.width / 2, self.view.bounds.size.height - 100) controlPoint1:CGPointMake(self.view.bounds.size.width / 4 * 3, bezierPathH / 4 + 100) controlPoint2:CGPointMake(self.view.bounds.size.width / 4, bezierPathH / 4 * 3 + 100)];
CAShapeLayer *pathLayer = [CAShapeLayer layer];
pathLayer.path = bezierPath.CGPath;
pathLayer.fillColor = [UIColor clearColor].CGColor;
pathLayer.strokeColor = [UIColor redColor].CGColor;
pathLayer.lineWidth = 3.0f;
[self.view.layer addSublayer:pathLayer];
CALayer *shipLayer = [CALayer layer];
shipLayer.frame = CGRectMake(0, 0, 64, 64);
shipLayer.position = CGPointMake(self.view.bounds.size.width / 2, 100);
shipLayer.contents = (__bridge id)[UIImage imageNamed:@"ship"].CGImage;
[self.view.layer addSublayer:shipLayer];
CAKeyframeAnimation *animation = [CAKeyframeAnimation animation];
animation.keyPath = @"position";
animation.path = bezierPath.CGPath;
animation.duration = 4.0;
animation.rotationMode = kCAAnimationRotateAuto;
[shipLayer addAnimation:animation forKey:nil];
}
iOS沿一个贝塞尔曲线对图层做动画
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 下面选了最近十年里,十位名人所做的毕业演讲。那么多的故事与经历,其实只想告诉你一件事: 面对迷茫和不确定的未来,我...
- 这个动画也是我在无意中看到一个大神写的mode效果很惊艳,所以自己拆分出来单独实现以下。大神的那个链接我找不到了,...
- 对于渐变曲线的画法,经过一些的思量之后,想到了了另外一种思路。以前的思路是,通过t值来获取点,为了保证点的个数足够...