iOS沿一个贝塞尔曲线对图层做动画

- (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];   
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容