10

注意：这是针对 OS X 上的 Cocoa 应用程序，而不是 iOS。

我有一个层支持的 NSButton（NSView 的子类）。我想要做的是使用核心动画旋转那个按钮。我正在使用以下代码来做到这一点：

CABasicAnimation *a = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
a.fromValue = [NSNumber numberWithFloat:0];
a.toValue = [NSNumber numberWithFloat:-M_PI*2];
[_refreshButton.layer setAnchorPoint:CGPointMake(0.5, 0.5)];
a.duration = 1.8; // seconds
a.repeatCount = HUGE_VAL;
[_refreshButton.layer addAnimation:a forKey:nil];

这是可行的，除了当它运行时，图层会向下和向左跳跃，使其中心点位于 NSView 的原点，即 (0,0) 处的左下角。然后图层围绕其中心旋转，但显然跳到左下角是不可接受的。

因此，经过大量阅读，我在 10.8 API 发行说明中找到了这一行：

On 10.8, AppKit will control the following properties on a CALayer 
(both when "layer-hosted" or "layer-backed"): geometryFlipped, bounds, 
frame (implied), position, anchorPoint, transform, shadow*, hidden, 
filters, and compositingFilter. Use the appropriate NSView cover methods 
to change these properties.

这意味着 AppKit 在上面的代码中“忽略”了我对 -setAnchorPoint 的调用，而是将该锚点设置为 NSView 的原点 (0,0)。

我的问题是：我该如何解决这个问题？为图层设置anchorPoint的“适当的NSView覆盖方法”是什么（我在NSView上找不到这样的方法）。归根结底，我只想让我的按钮无限期地围绕其中心点旋转。

4

2 回答 2

18

我没有看到任何NSView直接“覆盖” anchorPoint.

除了您引用的内容外，我在10.8 发行说明中看到的是：

anchorPoint 也总是设置为 (0,0)，...</p>

控制图层的anchorPoint哪个点位于position超图层的坐标系中。 NSView设置self.layer.anchorPoint为 (0,0)，这意味着图层的左下角位于self.layer.position。

当您设置anchorPoint为 (0.5,0.5) 时，这意味着图层的中心应该在图层的position. 由于您没有修改position，因此如您所见，这具有将图层向下和向左移动的效果。

您需要计算position您希望图层在anchorPoint(0.5,0.5) 时具有的值，如下所示：

CGRect frame = _refreshButton.layer.frame;
CGPoint center = CGPointMake(CGRectGetMidX(frame), CGRectGetMidY(frame));
_refreshButton.layer.position = center;
_refreshButton.layer.anchorPoint = CGPointMake(0.5, 0.5);
于 2013-02-12T21:28:11.923 回答
0

我在 Swift 中遇到了与 @Bryan 完全相同的问题：对象会在动画期间从其原始位置跳开。这是用于 macOS 的脉冲 NSButton 的代码：

  let frame : CGRect = startButton.layer!.frame
  let center : CGPoint = CGPoint(x: frame.midX, y: frame.midY)
  startButton.layer?.position = center;
  startButton.layer?.anchorPoint = CGPoint(x: 0.5, y: 0.5)
        
  let pulse = CASpringAnimation(keyPath: "transform.scale")
  pulse.duration = 0.2
  pulse.fromValue = 0.95
  pulse.toValue = 1.0
  pulse.autoreverses = true
  pulse.repeatCount = 10
  pulse.initialVelocity = 0.5
  pulse.damping = 1.0
        
  startButton.layer?.add(pulse, forKey: "pulse")
于 2020-07-20T08:57:33.513 回答