CODEWITHSUNDEEP
iosxcodeanimationuiimage
Jagveer Singh
Jagveer Singh

Reputation: 2328

Can I rotate UIImage around the centre with animation?

I want to rotate image in circular animation. How can I do it in a simple way? I know it is not difficult but I'm new to iOS. Can anybody tell me right code ?

Upvotes: 0

Views: 719

Answers (3)

Jagveer Singh
Jagveer Singh

Reputation: 2328

the answer of question i was wondering is -> 

UIImageView *imageViewForAnimation = [[UIImageView alloc] initWithImage:imageToAnimate];
    imageViewForAnimation.alpha = 1.0f;
    CGRect imageFrame = imageViewForAnimation.frame;
    //Your image frame.origin from where the animation need to get start
    CGPoint viewOrigin = imageViewForAnimation.frame.origin;
    viewOrigin.y = viewOrigin.y + imageFrame.size.height / 2.0f;
    viewOrigin.x = viewOrigin.x + imageFrame.size.width / 2.0f;

    imageViewForAnimation.frame = imageFrame;
    imageViewForAnimation.layer.position = viewOrigin;
    [self.view addSubview:imageViewForAnimation];

// Set up fade out effect
CABasicAnimation *fadeOutAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
[fadeOutAnimation setToValue:[NSNumber numberWithFloat:0.3]];
fadeOutAnimation.fillMode = kCAFillModeForwards;
fadeOutAnimation.removedOnCompletion = NO;

// Set up scaling
CABasicAnimation *resizeAnimation = [CABasicAnimation animationWithKeyPath:@"bounds.size"];
[resizeAnimation setToValue:[NSValue valueWithCGSize:CGSizeMake(40.0f, imageFrame.size.height * (40.0f / imageFrame.size.width))]];
resizeAnimation.fillMode = kCAFillModeForwards;
resizeAnimation.removedOnCompletion = NO;

// Set up path movement
CAKeyframeAnimation *pathAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
pathAnimation.calculationMode = kCAAnimationPaced;
pathAnimation.fillMode = kCAFillModeForwards;
pathAnimation.removedOnCompletion = NO;
//Setting Endpoint of the animation
CGPoint endPoint = CGPointMake(480.0f - 30.0f, 40.0f);
//to end animation in last tab use 
//CGPoint endPoint = CGPointMake( 320-40.0f, 480.0f);
CGMutablePathRef curvedPath = CGPathCreateMutable();
CGPathMoveToPoint(curvedPath, NULL, viewOrigin.x, viewOrigin.y);
CGPathAddCurveToPoint(curvedPath, NULL, endPoint.x, viewOrigin.y, endPoint.x, viewOrigin.y, endPoint.x, endPoint.y);
pathAnimation.path = curvedPath;
CGPathRelease(curvedPath);

CAAnimationGroup *group = [CAAnimationGroup animation]; 
group.fillMode = kCAFillModeForwards;
group.removedOnCompletion = NO;
[group setAnimations:[NSArray arrayWithObjects:fadeOutAnimation, pathAnimation, resizeAnimation, nil]];
group.duration = 0.7f;
group.delegate = self;
[group setValue:imageViewForAnimation forKey:@"imageViewBeingAnimated"];

[imageViewForAnimation.layer addAnimation:group forKey:@"savingAnimation"];

Upvotes: 0

Bimawa
Bimawa

Reputation: 3700

its my solution:

- (void)startAnimation
{
 [UIView animateWithDuration:.4 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
     [self.loadingRingImageView setTransform:CGAffineTransformRotate(self.loadingRingImageView.transform, M_SQRT2)];
 }                completion:^(BOOL finished) {
     if (finished)
     {
         [self startAnimation];
     }
 }];
}

Upvotes: 1

Ramesh Muthe
Ramesh Muthe

Reputation: 811

[[self.<imageviewinstance> layer] addAnimation:[self rotationAnimation] forKey:nil];

Add the animation as above and the below is the animation code.

- (CABasicAnimation *)rotationAnimation
{
    CABasicAnimation *rotAnim = [CABasicAnimation animationWithKeyPath:@"position"];
    [rotAnim setFromValue:[NSValue valueWithCGPoint:CGPointMake(100.0, 400.0)]];
    rotAnim.toValue = [NSValue valueWithCGPoint:CGPointMake(300.0, 150.0)];
   // rotAnim.duration = 5.0;
    rotAnim.autoreverses = YES;
   // rotAnim.repeatCount = HUGE_VAL;
    rotAnim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    return rotAnim;
}

if the above is not worked use this

    - (CABasicAnimation *)rotationAnimation
    {
    CABasicAnimation *move = [CABasicAnimation animationWithKeyPath:@"transform.rotation" ];
    move.delegate = self;
    [move setFromValue:[NSNumber numberWithFloat:0]];
    [move setToValue:[NSNumber numberWithFloat:50]];
    [move setDuration:10.0f];
    move.autoreverses = YES;
 }

Upvotes: 1

Related Questions