0

I want to set animation for NSButton in my mac application.

I followed the below link for the same, but below code is working for iOS, not for Mac.

How to rotate a flat object around its center in perspective view?

What I want to achieve:

Basically, I want to rotate an image clockwise from the center point of the image just like the above code works for iOS. Below result is from iOS which I want.

Issue currently having:

In Mac app, the image is rotating from its corner point, not from the center. 

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
    animation.fromValue = [NSNumber numberWithFloat:0];
    animation.toValue = [NSNumber numberWithFloat:2 * M_PI];
    animation.duration = 1.0;
    animation.repeatCount = INFINITY;
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
    [btnScan setWantsLayer:YES];
    [btnScan.layer addAnimation:animation forKey:@"transform.rotation.z"];

This is the result I'm getting currently in mac app.

swapnil patel
  • 384
  • 2
  • 17

1 Answers1

3

The point around which rotation occurs is affected by the layer's position and anchorPoint properties, see Anchor Points Affect Geometric Manipulations. The default values for these properties do not appear to match the documentation, at least under macOS 10.11 and whichever version you used.

Try setting them by adding four lines as follows:

[btnScan setWantsLayer:YES];

CALayer *btnLayer = btnScan.layer;
NSRect frame = btnLayer.frame;
btnLayer.position = NSMakePoint(NSMidX(frame), NSMidY(frame)); // position to centre of frame
btnLayer.anchorPoint = NSMakePoint(0.5, 0.5); // anchor point to centre - specified in unit coordinates

[btnScan.layer addAnimation:animation forKey:@"transform.rotation.z"];

It doesn't actually matter in which order you set these properties the result should be an image rotation around the centre point of the button.

CRD
  • 52,522
  • 5
  • 70
  • 86