实现图片抛物线的效果

实现图片抛物线的效果

最近做项目，需要实现图片抛物线效果，研究了下，方法有二；

方法一：

-(void)isButtonClicked:(id)sender

{

   CGRect rect = [self.viewconvertRect:((UIButton *)sender).boundsfromView:sender];

    UIImageView *imageView = [[[UIImageViewalloc] initWithFrame:CGRectMake(0,10, 30, 30)]autorelease];

    imageView.frame =CGRectMake(rect.origin.x+10, rect.origin.y,30, 30);

    [self.viewaddSubview:imageView];

    

    imageView.image = [UIImageimageNamed:@"forward.png"];

    CAKeyframeAnimation *bounceAnimation = [CAKeyframeAnimationanimationWithKeyPath:@"position"];

    CGMutablePathRef thePath =CGPathCreateMutable();

   CGPathMoveToPoint(thePath, NULL, imageView.frame.origin.x, imageView.frame.origin.y);

    CGPathAddQuadCurveToPoint(thePath,NULL, 220, 30,230, 440);

    bounceAnimation.duration =1.0f;

    bounceAnimation.path = thePath;

    bounceAnimation.delegate =self;

    [bounceAnimationsetValue:imageView forKey:@"image"];

    [imageView.layeraddAnimation:bounceAnimation forKey:@"move"];

    CGPathRelease(thePath);

    imageView.layer.position =CGPointMake(1000,300);

}

方法二：

-(void)TransAnimation:(UIImage *)image

{

   #define PI3.14159265

   CGRect  headImageOrgRect = headImageView.frame;

   CGSize size = image.size;

    

    

   CGFloat midX = headImageView.center.x;

   CGFloat midY = headImageView.center.y;

    

    [headImageView  setFrame:CGRectMake(0,0, size.width, size.height)];

   CALayer *TransLayer = headImageView.layer;

    

    // Create a keyframe animation to follow a path back to the center

    CAKeyframeAnimation *animation = [CAKeyframeAnimationanimationWithKeyPath:@"position"];

    animation.removedOnCompletion =NO;

    

   CGFloat animationDuration =0.3;

    

    

    // Create the path for the bounces

    CGMutablePathRef thePath =CGPathCreateMutable();

    

    

   CGFloat originalOffsetX = headImageView.center.x - midX;

   CGFloat originalOffsetY = headImageView.center.y - midY;

    

   BOOL stopAnimation =NO;

    

    CGPathMoveToPoint(thePath,NULL, headImageView.center.x, headImageView.center.y);

   float  xPosition ;

   float  yPosition ;

   float   angle =0.0f;

    

    

   while (stopAnimation !=YES) {

        

        xPosition = headImageView.center.x - originalOffsetX*sin(angle*(PI/180));

        yPosition = headImageView.center.y - originalOffsetY*sin(angle*(PI/180));

       CGPathAddLineToPoint(thePath,NULL, xPosition, yPosition);

        

        

        angle = angle +1.0f;   

        

       if(angle ==90.0f||angle >90.0f)  

            stopAnimation =YES;

    }

    

    [headImageView  setCenter:CGPointMake(midX,midY)];

    

    animation.path = thePath;

   CGPathRelease(thePath);

    animation.duration = animationDuration;

    

    

    // Create a basic animation

    CABasicAnimation *shrinkAnimation = [CABasicAnimationanimationWithKeyPath:@"bounds"];

    

    shrinkAnimation.removedOnCompletion =YES;

    shrinkAnimation.duration = animationDuration;

    shrinkAnimation.fromValue = [NSValue valueWithCGRect:headImageView.frame];

    shrinkAnimation.byValue = [NSValuevalueWithCATransform3D:CATransform3DIdentity];

    shrinkAnimation.toValue = [NSValuevalueWithCGRect:headImageOrgRect];

    

    

    // Create an animation group to combine the keyframe and basic animations

    CAAnimationGroup *theGroup = [CAAnimationGroupanimation];

    

    // Set self as the delegate to allow for a callback to reenable user interaction

    theGroup.delegate =self;

    theGroup.duration = animationDuration;

    theGroup.timingFunction = [CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseIn];

    

    theGroup.animations = [NSArrayarrayWithObjects:animation, shrinkAnimation,nil];

    

    

    // Add the animation group to the layer

    [TransLayeraddAnimation:theGroupforKey:@"animatePlacardViewToCenter"];

    

    // Set the  view's center and transformation to the original values in preparation for the end of the animation

    

    headImageView.transform = CGAffineTransformIdentity;

    [headImageView   setFrame:headImageOrgRect];

}