iOS学习笔记28-基础动画和关键帧动画

首先创建layer

  CALayer *layer = [CALayer layer];

    

    layer.bounds = CGRectMake(0, 0, 100, 100);

    layer.position = CGPointMake(100, 100);

    layer.backgroundColor = [UIColor yellowColor].CGColor;

    [self.view.layer addSublayer:layer];

    self.layer = layer;

 

 

 

设置点击事件

 

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event

{

//    [self animationScale];

    [self keyAnimation];

 

}

 

 

 

缩小动画

 

-(void)animationScale{

    CABasicAnimation *anim = [CABasicAnimation animation];

    //2设置动画

//    anim.keyPath = @"bounds";//平移

//    anim.keyPath = @"position";//缩放

    anim.keyPath =@"transform";

    //到达哪个点

//    anim.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 50, 50)];

//    anim.toValue = [NSValue valueWithCGPoint:CGPointMake(300,300)];

    

    anim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 1, 1, 0)];

    anim.duration = 2;

    anim.removedOnCompletion = NO;

    anim.fillMode = @"forwards";

    [self.layer addAnimation:anim forKey:nil];

 

 

 

}

 

 

 

-(void)keyAnimation

{

    CAKeyframeAnimation *anim = [CAKeyframeAnimation animationWithKeyPath:@"position"];

    anim.removedOnCompletion = NO;

    anim.fillMode = kCAFillModeForwards;

    anim.duration = 2;

    CGMutablePathRef path = CGPathCreateMutable();

    CGPathAddEllipseInRect(path, NULL, CGRectMake(100, 100, 200, 200));

    anim.path = path;

    anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

    [self.layer addAnimation:anim forKey:nil];

}

 

 

 

四种动画

基础动画

关键帧动画

转场动画

动画组合

 

  CAKeyframeAnimation *keyFrame = [CAKeyframeAnimation animation];

    keyFrame.duration = 2.0;

    keyFrame.keyPath = @"position";

    keyFrame.removedOnCompletion = NO;

    CGMutablePathRef path = CGPathCreateMutable();

    CGPathAddEllipseInRect(path, nil, CGRectMake(30, 50, 300, 300));

    keyFrame.path = path;

    

    

    [self.imgView.layer addAnimation:keyFrame forKey:nil];

 

 

 

 

 

 

    CATransition *transition = [CATransition animation];

    transition.type = @"cube";

    [self.navigationController.view.layer addAnimation:transition forKey:@"navAnimation"];

    AnotherViewController *anotherVC =[[AnotherViewController alloc]init];

    [self.navigationController showViewController:anotherVC sender:nil];

    

 

 

 

 

- (IBAction)exchangebtn {

//    CAKeyframeAnimation *keyFrame = [CAKeyframeAnimation animation];

//    keyFrame.duration = 2.0;

//    keyFrame.keyPath = @"position";

//    keyFrame.removedOnCompletion = NO;

//    CGMutablePathRef path = CGPathCreateMutable();

//    CGPathAddEllipseInRect(path, nil, CGRectMake(30, 50, 300, 300));

//    keyFrame.path = path;

    

    CABasicAnimation *basic = [CABasicAnimation animation];

    basic.keyPath = @"bounds";

    basic.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 50, 50)];

    basic.duration = 2.0;

    basic.removedOnCompletion = YES;

    

    CABasicAnimation *basic1 = [CABasicAnimation animation];

    basic1.duration = 2.0;

    basic1.keyPath = @"position";

    basic1.toValue = [NSValue valueWithCGPoint:CGPointMake(100,500)];

    basic1.fillMode = @"forwards";

    CAAnimationGroup *group = [CAAnimationGroup animation];

    group.animations = @[basic,basic1];

    

    [self.imgView.layer addAnimation:group forKey:nil];

    

//    CATransition *trasition = [CATransition animation];

//    trasition.type = @"pageCurl";

//    trasition.subtype = kCATransitionFade;

//    [self.imgView exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

//    [self.imgView.layer addAnimation:trasition forKey:@"myAnimation"];

    

    

//    CATransition *transition = [CATransition animation];

//    transition.duration = 1;

////    transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

//    transition.type = @"pageCurl";

//    

//    transition.subtype = kCATransitionFromRight;

//    [self.imgView exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

//    [self.imgView.layer addAnimation:transition forKey:@"myAnimation"];

 

}

 

 

 

- (IBAction)push {

 

    CATransition *transition = [CATransition animation];

    transition.type = @"cube";

    [self.navigationController.view.layer addAnimation:transition forKey:@"navAnimation"];

    AnotherViewController *anotherVC =[[AnotherViewController alloc]init];

    [self.navigationController showViewController:anotherVC sender:nil];

    

    

    

//    CATransition *transition = [CATransition animation];

//    transition.type = @"cube";

////    transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

//    [self.navigationController.view.layer addAnimation:transition forKey:@"navAnimation"];

//    

//    AnotherViewController *anotherVC = [[AnotherViewController alloc]init];

//    [self.navigationController showViewController:anotherVC sender:nil];

    

}