animation - Rotate UIView iPhone

Question

I am working on a puzzle game and I need to rotate the puzzle pieces to 90 degrees angle on every double tap.

I have tried to do did using two different ways. First method is this one:

[UIView beginAnimations:@"rotate" context:nil];
[UIView setAnimationDuration:0.5];
self.transform = CGAffineTransformMakeRotation(90);
[UIView commitAnimations];

The only problems with that are that the piece is NOT rotating 90 degrees; it is rotating by around 100 degrees, and that this animation is modifying the frame of the puzzle piece UIView.

This is my console output:

frame BEFORE ROTATION: {{35, 178}, {80, 80}}

frame AFTER ROTATION: {{21.3172, 164.317}, {107.366, 107.366}}

The second method I tried was this one:

CABasicAnimation* spinAnimation = [CABasicAnimation
                                       animationWithKeyPath:@"transform.rotation"];
spinAnimation.toValue = [NSNumber numberWithFloat:1];
[self.layer addAnimation:spinAnimation forKey:@"spinAnimation"];

The problem with this method is that after finishing the rotation, it is reversing my UIView to its previous state.

How can I rotate the puzzle piece with an animation without having these problems?

Answer 1

Try

[UIView beginAnimations:@"rotate" context:nil];
[UIView setAnimationDuration:0.5];
self.transform = CGAffineTransformMakeRotation(DegreesToRadians(90));
[UIView commitAnimations];

where you can define DegreesToRadians as

#define DegreesToRadians(x) ((x) * M_PI / 180.0)