UIview跳动效果

.m文件头部需引入：#import <QuartzCore/QuartzCore.h>

- (void)viewDidLoad {

 

UIView *bgView = [[UIView alloc] initWithFrame:CGRectMake(10, 40, 300, 240)];

bgView.backgroundColor = [UIColor lightGrayColor];

bgView.tag = 150;

 

//需要跳动的图片

UIImageView *imgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"BFlyCircle.png"]];

[bgView addSubview:imgView];

imgView.tag = 151;

imgView.center = CGPointMake(150, 120);

 

//Go

UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];

[button setTitle:@"Go" forState:UIControlStateNormal];

button.frame = CGRectMake(10, 10, 80, 25);

[button addTarget:self action:@selector(go:) forControlEvents:UIControlEventTouchUpInside];

 

[self.view addSubview:bgView];

[self.view addSubview:button];

 

[bgView release];

[imgView release];

 

    [super viewDidLoad];

}

 

- (void) go:(id) sender{

UIView *img = [self.view viewWithTag:151];

[CATransaction begin];

[CATransaction setValue:[NSNumber numberWithFloat:4.0] forKey:kCATransactionAnimationDuration];

 

// scale it down

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

shrinkAnimation.delegate = self;

shrinkAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];

shrinkAnimation.toValue = [NSNumber numberWithFloat:0.0];

[[img layer] addAnimation:shrinkAnimation forKey:@"shrinkAnimation"];

 

// fade it out

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

fadeAnimation.toValue = [NSNumber numberWithFloat:0.0];

fadeAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];

[[img layer] addAnimation:fadeAnimation forKey:@"fadeAnimation"];

 

// make it jump a couple of times

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

CGMutablePathRef positionPath = (__typeof(CGPathCreateMutable()))[NSMakeCollectable(CGPathCreateMutable()) autorelease];

CGPathMoveToPoint(positionPath, NULL, [img layer].position.x, [img layer].position.y);

 

//落下3次

 

CGPathAddQuadCurveToPoint(positionPath, NULL, [img layer].position.x, -[img layer].position.y, [img layer].position.x, [img layer].position.y);

CGPathAddQuadCurveToPoint(positionPath, NULL, [img layer].position.x, -[img layer].position.y * 1.5, [img layer].position.x, [imglayer].position.y);

CGPathAddQuadCurveToPoint(positionPath, NULL, [img layer].position.x, -[img layer].position.y * 1.25, [img layer].position.x, [imglayer].position.y);

positionAnimation.path = positionPath;

positionAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];

[[img layer] addAnimation:positionAnimation forKey:@"positionAnimation"];

 

[CATransaction commit];

}