27

使用下面的代码，我一直试图让我的 CALayer 围绕其中心进行缩放 - 但它按左/上 (0,0) 缩放。我看到了这个问题：CALayer中的锚点并尝试设置锚点 - 但在我设置它之前它是 [.5, .5] 并且设置没有区别。也试过设置contentsGravity。

设置是我CAShapeLayer添加了一个，self.view.layer我在其中进行了一些绘图，然后添加了 CABasicAnimation。动画运行良好 - 但它向顶部/左侧缩放 - 而不是视图的中心。

已经修补了几个小时 - 它一定很简单，但我不明白。

shapeLayer.anchorPoint = CGPointMake(.5,.5);
shapeLayer.contentsGravity = @"center";

printf("anchorPoint %f  %f\n", shapeLayer.anchorPoint.x, shapeLayer.anchorPoint.y);

CABasicAnimation *animation =
[CABasicAnimation animationWithKeyPath:@"transform.scale"];

animation.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
animation.toValue =   [NSValue valueWithCATransform3D:CATransform3DMakeScale(0.1, 0.1, 1.0)];

[animation setDuration:1.0];
animation.fillMode=kCAFillModeForwards;
animation.removedOnCompletion=NO;
[shapeLayer addAnimation:animation forKey:@"zoom"];
4

4 回答 4

56

你bounds的层是什么？

我敢打赌它的大小为零；尝试将其大小设置为与您的形状相同的大小。

CAShapeLayer将形状绘制为一种覆盖，独立于您contents在普通. 这可能有点令人困惑。boundscontentsGravityCALayer

于 2012-07-15T22:03:25.640 回答
5

还要确保在创建视图后添加动画。如果您尝试在 viewDidLoad 中添加动画，它可能无法正常工作。尝试将其添加到 viewDidAppear 中。

我只知道 Swift，但这里有一个例子：

override func viewDidAppear (animated: Bool) {
    addPulsation(yourButton)
}

func addPulsation (button: UIButton) {
    let scaleAnimation:CABasicAnimation = CABasicAnimation(keyPath: "transform.scale")
    scaleAnimation.duration = 1.0
    scaleAnimation.repeatCount = 100
    scaleAnimation.autoreverses = true
    scaleAnimation.fromValue = 1.05;
    scaleAnimation.toValue = 0.95;
    button.layer.addAnimation(scaleAnimation, forKey: "scale")
}
于 2016-07-27T18:01:42.323 回答
1

这是一个旧线程，但以防万一这对任何人都有帮助。

这是一个坐标空间问题。您只需要设置绘图空间和路径的空间。这段代码对我有用...

...只需将其放在动画创建方法的开头（在父视图的方法内）...

// add animation to remap (without affecting other elements)
    let animationLayer = CALayer()
    layer?.addSublayer(animationLayer). // (don't use optional for iOS)

// set the layer origin to the center of the view (or any center point for the animation)
    animationLayer.bounds.origin .x = -self.bounds.size.width / 2.0
    animationLayer.bounds.origin .y = -self.bounds.height / 2.0

// make image layer with circle around the zero point
    let imageLayer = CAShapeLayer()
    animationLayer.addSublayer(imageLayer)

    let shapeBounds = CGRect(x: -bounds.size.width/2.0,
                             y:-bounds.size.height/2.0,
                             width: bounds.size.width,
                             height: bounds.size.height)

    imageLayer.path = CGPath(ellipseIn: shapeBounds, transform: nil)
    imageLayer.fillColor = fillColour


    // **** apply your animations to imageLayer here ****

此代码在 iOS 和 MacOS 上保持不变 - 除了 MacOS 所需的可选层。

（顺便说一句，您需要在动画完成后删除动画层！）

于 2018-04-15T13:19:21.490 回答
-1

我花了几个小时根据中心找出如何做到这一点，但找不到任何适用于 OSX 的解决方案。我决定使用 CATransform3DMakeTranslation 移动图层并结合两种变换。

我的代码：

NSView *viewToTransform = self.view;
[viewToTransform setWantsLayer:YES];

viewToTransform.layer.sublayerTransform = CATransform3DConcat(CATransform3DMakeScale(-1.0f, -1.0f, 1.0f), CATransform3DMakeTranslation(viewToTransform.bounds.size.width, viewToTransform.bounds.size.height, 0));
于 2016-08-16T15:50:45.097 回答