CODEWITHSUNDEEP
objective-ccore-animationcalayer
krb
krb

Reputation: 16315

Rotating a CALayer 90 degrees?

How do I rotate a CALayer 90 degrees? I need to rotate everything include sublayers and the coordinate system.

Upvotes: 33

Views: 38631

Answers (5)

Jonathan Grynspan
Jonathan Grynspan

Reputation: 43472

Obj-C:

theLayer.transform = CATransform3DMakeRotation(90.0 / 180.0 * M_PI, 0.0, 0.0, 1.0);

Swift:

theLayer.transform = CATransform3DMakeRotation(90.0 / 180.0 * .pi, 0.0, 0.0, 1.0)

That is, transform the layer such that it is rotated by 90 degrees (π / 2 radians), with 100% of that rotation taking place around the z-axis.

Upvotes: 62

SteamTrout
SteamTrout

Reputation: 1684

Basically something like that:

CGAffineTransform rotateTransform = CGAffineTransformMakeRotation(M_PI / 2.0); [myCALayer setAffineTransform:rotateTransform];

EDIT: It'll rotate clockwise or counter-clockwise depending on the platform (iOS or Mac OS).

Upvotes: 8

Chris
Chris

Reputation: 40633

To rotate 90' right:

myView.transform = CGAffineTransformMakeRotation(M_PI_2);

Upvotes: 1

Duncan C
Duncan C

Reputation: 131418

Rab showed how do do it with a CAAnimation object. Its actually simpler than that:

[myView animateWithDuration: 0.25 
  animations:
  ^{
     myView.transform = CGAffineTransformMakeRotation(M_PI/2);
   }
];

(lifting the transform line from Chris's answer - too lazy to rewrite it since he already provided the perfect code.)

Chris's code would rotate the view without animation. My code above will do the same thing with animation.

By default, animations use ease in, ease out timing. You can change that with a slightly more complex version of the animateWithDuration call (Use animateWithDuration:delay:options:animations:completion: instead, and pass in a the desired timing in the options parameter.)

Upvotes: 0

Rab
Rab

Reputation: 2836

If I'm animating it I use something like this in my apps:

- (NSObject *) defineZRotation {
    // Define rotation on z axis
    float degreesVariance = 90;
    // object will always take shortest path, so that
    // a rotation of less than 180 deg will move clockwise, and more than will move counterclockwise
    float radiansToRotate = DegreesToRadians( degreesVariance );
    CATransform3D zRotation;
    zRotation = CATransform3DMakeRotation(radiansToRotate, 0, 0, 1.0);  
    // create an animation to hold "zRotation" transform
    CABasicAnimation *animateZRotation;
    animateZRotation = [CABasicAnimation animationWithKeyPath:@"transform"];
    // Assign "zRotation" to animation
    animateZRotation.toValue = [NSValue valueWithCATransform3D:zRotation];
    // Duration, repeat count, etc
    animateZRotation.duration = 1.5;//change this depending on your animation needs
    // Here set cumulative, repeatCount, kCAFillMode, and others found in
    // the CABasicAnimation Class Reference.
    return animateZRotation;
}

Of course you can use it anywhere, don;t have to return it from a method if that doesn;t suit your needs.

Upvotes: 13

Related Questions