CALayer实现,界限、透明度、位置、旋转、缩放组合动画

来源:互联网 发布:淘宝退货率计算公式 编辑:程序博客网 时间:2024/06/04 21:15

首先引入框架:QuartzCore.framework

在头文件声明:CALayer *logoLayer

{

//界限

CABasicAnimation *boundsAnimation = [CABasicAnimation animationWithKeyPath:@"bounds"];

boundsAnimation.fromValue = [NSValue valueWithCGRect: logoLayer.bounds];

boundsAnimation.toValue = [NSValue valueWithCGRect:CGRectZero];


//透明度变化

CABasicAnimation *opacityAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];

opacityAnimation.fromValue = [NSNumber numberWithFloat:1.0];

opacityAnimation.toValue = [NSNumber numberWithFloat:0.5];


//位置移动

CABasicAnimation *animation  = [CABasicAnimation animationWithKeyPath:@"position"];

animation.fromValue  [NSValue valueWithCGPoint: logoLayer.position];

CGPoint toPoint = logoLayer.position;

toPoint.x += 180;

animation.toValue = [NSValue valueWithCGPoint:toPoint];


//旋转动画

CABasicAnimation* rotationAnimation =

       [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];//"z"还可以是“x”“y”,表示沿z轴旋转

rotationAnimation.toValue = [NSNumber numberWithFloat:(2 M_PI) * 3]; 

    // 3 is the number of 360 degree rotations

    // Make the rotation animation duration slightly less than the other animations to give it the feel

    // that it pauses at its largest scale value

rotationAnimation.duration 2.0f;

rotationAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; //缓入缓出


//缩放动画

CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];

scaleAnimation.fromValue = [NSNumber numberWithFloat:0.0];

scaleAnimation.toValue = [NSNumber numberWithFloat:1.0];

scaleAnimation.duration 2.0f;

scaleAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];


CAAnimationGroup *animationGroup = [CAAnimationGroup animation];

animationGroup.duration 2.0f;

animationGroup.autoreverses YES;   //是否重播,原动画的倒播

animationGroup.repeatCount NSNotFound;//HUGE_VALF;     //HUGE_VALF,源自math.h

[animationGroup setAnimations:[NSArray arrayWithObjects:rotationAnimation, scaleAnimation, nil]];


//将上述两个动画编组

[logoLayer addAnimation:animationGroup forKey:@"animationGroup"];

}


//去掉所有动画

[logoLayer removeAllAnimations];

 //去掉key动画

[logoLayer removeAnimationForKey:@"animationGroup"];


0 0