第三十八篇:CAKeyframeAnimation--+CAShapeLayer+UIBezierPath用法,关键帧动画



有个很关键的属性:rotationMode

// rotationMode设置=kCAAnimationRotateAuto根据曲线的切线自动旋转

    keyframeAnimation.rotationMode =kCAAnimationRotateAuto ;

//
//  ViewController.m
//  CAKeyframeAnimation--+CAShapeLayer+UIBezierPath用法
//
//  Created by 瞿杰 on 2017/3/24.
//  Copyright © 2017年 yiniu. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic , strong) UIView * contentView ;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width ;
    CGFloat screenHeight = [UIScreen mainScreen].bounds.size.height ;

    self.contentView = [[UIView alloc] initWithFrame:CGRectMake(0, 0,screenWidth , screenHeight)];
    self.contentView.backgroundColor = [UIColor blackColor];
    [self.view addSubview:self.contentView];
    
    
    UIBezierPath * bezierPath = [UIBezierPath bezierPath];
    [bezierPath moveToPoint:CGPointMake(0, 150)];
    [bezierPath addCurveToPoint:CGPointMake(300, 150) controlPoint1:CGPointMake(300.0*1/4, 0) controlPoint2:CGPointMake(300.0*3/4, 300)];
    
    CAShapeLayer * shapeLayer = [CAShapeLayer layer];
    shapeLayer.path = bezierPath.CGPath ;
    shapeLayer.lineWidth = 3.0 ;
//    shapeLayer.backgroundColor = [UIColor grayColor].CGColor ;
    shapeLayer.fillColor = [UIColor blueColor].CGColor ;
    shapeLayer.strokeColor = [UIColor redColor].CGColor ;
    [self.contentView.layer addSublayer:shapeLayer];
    
    // 添加一个滑动的图层
    CALayer * slipLayer = [CALayer layer];
    slipLayer.frame = CGRectMake(0, 0, 50, 50);
    slipLayer.position = CGPointMake(0, 150);
    slipLayer.contents = (__bridge id)[UIImage imageNamed:@"icon_tmpImageName"].CGImage ;
    slipLayer.affineTransform = CGAffineTransformRotate(CGAffineTransformIdentity, M_PI_4);
    [self.contentView.layer addSublayer:slipLayer];
    
    // 根据position创建一个(图层的中心点)关建帧动画,
    CAKeyframeAnimation * keyframeAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    keyframeAnimation.duration = 4.0 ;
    keyframeAnimation.path = bezierPath.CGPath ;
    keyframeAnimation.repeatCount = 100 ;
    // 把rotationMode设置=kCAAnimationRotateAuto 根据曲线的切线自动旋转
    keyframeAnimation.rotationMode = kCAAnimationRotateAuto ;
    
    // slipLayer 添加一个动画
    [slipLayer addAnimation:keyframeAnimation forKey:nil];
    
    
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值