代码之家 › 专栏 › 技术社区 › swapnil patel

如何从可可豆的中心点顺时针旋转nsbutton?

rotation animation cocoa objective-c

swapnil patel · 技术社区 · 7 年前

我想在我的Mac应用程序中为nsbutton设置动画。

我也遵循了下面的链接,但是下面的代码适用于ios,而不是mac。

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

我想实现的目标:

基本上,我想从图像的中心点顺时针旋转图像,就像上面的代码在ios中工作一样。

当前存在的问题:

在Mac应用程序中,图像是从其角点旋转的,而不是从中心旋转的。

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"];

1 回复 | 直到 7 年前

CRD 7 年前

发生旋转的点受层的 position 和 anchorPoint 属性,请参见 Anchor Points Affect Geometric Manipulations 是的。这些属性的默认值似乎与文档不匹配,至少在MacOS 10.11和您使用的任何版本下都不匹配。

尝试通过添加以下四行来设置它们:

[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"];

实际上,设置这些属性的顺序并不重要,结果应该是围绕按钮中心点的图像旋转。

推荐文章

mikko · SwiftUI如何在不同堆栈中实现同一视图的平滑动画

6 月前

Nejib Afdhal · 如何在带有类名的react native中使用顺风动画?

6 月前

user54097 · 滚动菜单项上的导航栏动画文本徽标

11 月前

Simplicissimus · 如何使用javascript为svg转换计时

11 月前

LetsBeHappy · 高CPU的圆形渐变动画

1 年前

Toniq · css从上到中心设置动画

1 年前

Ongky Denny Wijaya · 绘制y=omega*x^2的动画,其中omega从-3到3不等

1 年前

Duck · 如何设置菜单从圆形到椭圆形的动画?

1 年前

MR Lappy · 提要动画最后出现空白

1 年前

Nithin Sai · 如何设置draggableScrollableSheet及其内容的动画?

1 年前