ios 边跳边消失效果

引入库：QuartzCore.framework

引入头：#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 =  ((CGPathCreateMutable()));CFBridgingRelease(CGPathCreateMutable());// ARC模式下
    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, [img layer].position.y);
    CGPathAddQuadCurveToPoint(positionPath, NULL, [img layer].position.x, -[img layer].position.y *1.25, [img layer].position.x, [img layer].position.y);
    
    positionAnimation.path = positionPath;
    positionAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
    [[img layer] addAnimation:positionAnimation forKey:@"positionAnimation"];
    
    [CATransaction commit];  
}

效果图：

效果图二：