158

我正在旋转 CALayer 并试图在动画完成后将其停止在最终位置。

但动画完成后，它会重置为其初始位置。

（xcode 文档明确表示动画不会更新属性的值。）

任何建议如何实现这一目标。

4

15 回答 15

304

这是答案，它是我的答案和 Krishnan 的结合。

cabasicanimation.fillMode = kCAFillModeForwards;
cabasicanimation.removedOnCompletion = NO;

默认值为kCAFillModeRemoved。（这是您看到的重置行为。）

于 2011-05-20T04:50:57.673 回答
89

removeOnCompletion 的问题是 UI 元素不允许用户交互。

我的技术是在动画中设置 FROM 值和对象上的 TO 值。动画将在开始之前自动填充 TO 值，当它被移除时，对象将处于正确状态。

// fade in
CABasicAnimation *alphaAnimation = [CABasicAnimation animationWithKeyPath: @"opacity"];
alphaAnimation.fillMode = kCAFillModeForwards;

alphaAnimation.fromValue = NUM_FLOAT(0);
self.view.layer.opacity = 1;

[self.view.layer addAnimation: alphaAnimation forKey: @"fade"];
于 2012-12-13T06:04:23.730 回答
16

设置以下属性：

animationObject.removedOnCompletion = NO;
于 2011-05-19T13:07:37.920 回答
14

CABasicAnimation当您将它添加到position图层时，您可以简单地设置键。通过这样做，它将覆盖在运行循环中当前通道的位置上完成的隐式动画。

CGFloat yOffset = 30;
CGPoint endPosition = CGPointMake(someLayer.position.x,someLayer.position.y + yOffset);

someLayer.position = endPosition; // Implicit animation for position

CABasicAnimation * animation =[CABasicAnimation animationWithKeyPath:@"position.y"]; 

animation.fromValue = @(someLayer.position.y);
animation.toValue = @(someLayer.position.y + yOffset);

[someLayer addAnimation:animation forKey:@"position"]; // The explicit animation 'animation' override implicit animation

您可以了解更多关于 2011 Apple WWDC Video Session 421 - Core Animation Essentials（视频中间）的信息

于 2013-09-05T17:29:03.643 回答
14

核心动画维护两层层次结构：模型层和表示层。当动画进行时，模型层实际上是完整的并保持初始值。默认情况下，动画一旦完成就会被移除。然后表示层回退到模型层的值。

简单地设置removedOnCompletion为NO意味着动画不会被删除并浪费内存。此外，模型层和表示层将不再同步，这可能会导致潜在的错误。

所以直接将模型层上的属性更新为最终值会是一个更好的解决方案。

self.view.layer.opacity = 1;
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];
animation.fromValue = 0;
animation.toValue = 1;
[self.view.layer addAnimation:animation forKey:nil];

如果上面第一行代码有任何隐式动画，如果关闭则尝试关闭：

[CATransaction begin];
[CATransaction setDisableActions:YES];
self.view.layer.opacity = 1;
[CATransaction commit];

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];
animation.fromValue = 0;
animation.toValue = 1;
[self.view.layer addAnimation:animation forKey:nil];
于 2018-06-03T16:22:57.327 回答
12

把它放在你的代码中

CAAnimationGroup *theGroup = [CAAnimationGroup animation];

theGroup.fillMode = kCAFillModeForwards;

theGroup.removedOnCompletion = NO;
于 2012-02-24T11:47:04.917 回答
12

所以我的问题是我试图在平移手势上旋转一个对象，所以每次移动都有多个相同的动画。我两者都有fillMode = kCAFillModeForwards，isRemovedOnCompletion = false但没有帮助。就我而言，每次添加新动画时，我都必须确保动画键不同：

let angle = // here is my computed angle
let rotate = CABasicAnimation(keyPath: "transform.rotation.z")
rotate.toValue = angle
rotate.duration = 0.1
rotate.isRemovedOnCompletion = false
rotate.fillMode = CAMediaTimingFillMode.forwards

head.layer.add(rotate, forKey: "rotate\(angle)")
于 2018-05-08T11:21:02.783 回答
12

CALayer 有一个模型层和一个表示层。在动画期间，表示层独立于模型进行更新。动画完成后，表示层将使用模型中的值进行更新。如果要避免动画结束后出现不和谐的跳跃，关键是要让两个图层保持同步。

如果您知道最终值，则可以直接设置模型。

self.view.layer.opacity = 1;

但是如果你有一个不知道结束位置的动画（例如用户可以暂停然后反转的缓慢淡入淡出），那么你可以直接查询表示层以找到当前值，然后更新模型。

NSNumber *opacity = [self.layer.presentationLayer valueForKeyPath:@"opacity"];
[self.layer setValue:opacity forKeyPath:@"opacity"];

从表示层提取值对于缩放或旋转键路径也特别有用。（例如transform.scale，transform.rotation）

于 2015-12-22T15:03:00.107 回答
9

这有效：

let animation = CABasicAnimation(keyPath: "opacity")
animation.fromValue = 0
animation.toValue = 1
animation.duration = 0.3

someLayer.opacity = 1 // important, this is the state you want visible after the animation finishes.
someLayer.addAnimation(animation, forKey: "myAnimation")

核心动画在动画期间在您的普通层之上显示一个“表示层”。因此，将不透明度（或其他）设置为您希望在动画完成并且表示层消失时看到的内容。在添加动画之前在线执行此操作，以避免在完成时闪烁。

如果您想延迟，请执行以下操作：

let animation = CABasicAnimation(keyPath: "opacity")
animation.fromValue = 0
animation.toValue = 1
animation.duration = 0.3
animation.beginTime = someLayer.convertTime(CACurrentMediaTime(), fromLayer: nil) + 1
animation.fillMode = kCAFillModeBackwards // So the opacity is 0 while the animation waits to start.

someLayer.opacity = 1 // <- important, this is the state you want visible after the animation finishes.
someLayer.addAnimation(animation, forKey: "myAnimation")

最后，如果你使用'removedOnCompletion = false'，它会泄漏CAAnimations，直到层最终被释放——避免。

于 2016-02-09T23:23:39.287 回答
9

不使用removedOnCompletion

你可以试试这个技术：

self.animateOnX(item: shapeLayer)

func animateOnX(item:CAShapeLayer)
{
    let endPostion = CGPoint(x: 200, y: 0)
    let pathAnimation = CABasicAnimation(keyPath: "position")
    //
    pathAnimation.duration = 20
    pathAnimation.fromValue = CGPoint(x: 0, y: 0)//comment this line and notice the difference
    pathAnimation.toValue =  endPostion
    pathAnimation.fillMode = kCAFillModeBoth

    item.position = endPostion//prevent the CABasicAnimation from resetting item's position when the animation finishes

    item.add(pathAnimation, forKey: nil)
}
于 2017-07-30T10:31:21.797 回答
7

简单的设置fillMode并removedOnCompletion没有为我工作。我通过将以下所有属性设置为 CABasicAnimation 对象解决了这个问题：

CABasicAnimation* ba = [CABasicAnimation animationWithKeyPath:@"transform"];
ba.duration = 0.38f;
ba.fillMode = kCAFillModeForwards;
ba.removedOnCompletion = NO;
ba.autoreverses = NO;
ba.repeatCount = 0;
ba.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(0.85f, 0.85f, 1.0f)];
[myView.layer addAnimation:ba forKey:nil];

此代码转换myView为其大小的 85%（第 3 维不变）。

于 2016-02-12T19:17:00.667 回答
4

@Leslie Godwin 的回答不是很好，“self.view.layer.opacity = 1;” 立即完成（大约需要一秒钟），如果您有疑问，请将 alphaAnimation.duration 修复为 10.0。您必须删除此行。

因此，当您将 fillMode 修复为 kCAFillModeForwards 并将 removedOnCompletion 修复为 NO 时，您会让动画保留在图层中。如果您修复动画委托并尝试以下操作：

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{
 [theLayer removeAllAnimations];
}

...当您执行此行时，该层会立即恢复。这是我们想要避免的。

您必须先修复 layer 属性，然后才能从中删除动画。尝试这个：

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{
     if([anim isKindOfClass:[CABasicAnimation class] ]) // check, because of the cast
    {
        CALayer *theLayer = 0;
        if(anim==[_b1 animationForKey:@"opacity"])
            theLayer = _b1; // I have two layers
        else
        if(anim==[_b2 animationForKey:@"opacity"])
            theLayer = _b2;

        if(theLayer)
        {
            CGFloat toValue = [((CABasicAnimation*)anim).toValue floatValue];
            [theLayer setOpacity:toValue];

            [theLayer removeAllAnimations];
        }
    }
}
于 2014-09-19T15:41:41.307 回答
2

最简单的解决方案是使用隐式动画。这将为您处理所有这些麻烦：

self.layer?.backgroundColor = NSColor.red.cgColor;

如果您想自定义例如持续时间，您可以使用NSAnimationContext：

    NSAnimationContext.beginGrouping();
    NSAnimationContext.current.duration = 0.5;
    self.layer?.backgroundColor = NSColor.red.cgColor;
    NSAnimationContext.endGrouping();

注意：这仅在 macOS 上进行了测试。

执行此操作时，我最初没有看到任何动画。问题是视图支持层的层没有隐式动画。要解决这个问题，请确保您自己添加一个图层（在将视图设置为支持图层之前）。

如何做到这一点的一个例子是：

override func awakeFromNib() {
    self.layer = CALayer();
    //self.wantsLayer = true;
}

使用self.wantsLayer对我的测试没有任何影响，但它可能会产生一些我不知道的副作用。

于 2018-10-22T02:32:42.457 回答
1

这是来自操场的示例：

import PlaygroundSupport
import UIKit

let resultRotation = CGFloat.pi / 2
let view = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 200.0, height: 300.0))
view.backgroundColor = .red

//--------------------------------------------------------------------------------

let rotate = CABasicAnimation(keyPath: "transform.rotation.z") // 1
rotate.fromValue = CGFloat.pi / 3 // 2
rotate.toValue = resultRotation // 3
rotate.duration = 5.0 // 4
rotate.beginTime = CACurrentMediaTime() + 1.0 // 5
// rotate.isRemovedOnCompletion = false // 6
rotate.fillMode = .backwards // 7

view.layer.add(rotate, forKey: nil) // 8
view.layer.setAffineTransform(CGAffineTransform(rotationAngle: resultRotation)) // 9

//--------------------------------------------------------------------------------

PlaygroundPage.current.liveView = view
  1. 创建动画模型
  2. 设置动画的开始位置（可以跳过，这取决于你当前的图层布局）
  3. 设置动画的结束位置
  4. 设置动画时长
  5. 延迟动画一秒
  6. 不要设置false为isRemovedOnCompletion- 动画完成后让 Core Animation 清理
  7. 这是技巧的第一部分——你告诉核心动画在动画开始之前将你的动画放置到开始位置（你在步骤#2中设置）——及时向后扩展它
  8. 复制准备好的动画对象，将其添加到图层并在延迟后启动动画（您在步骤 #5 中设置）
  9. 第二部分是设置图层的正确结束位置-删除动画后，您的图层将显示在正确的位置
于 2019-08-19T21:20:48.917 回答
1

似乎将 removedOnCompletion 标志设置为 false 并将 fillMode 设置为 kCAFillModeForwards 也不适用于我。

在图层上应用新动画后，动画对象将重置为其初始状态，然后从该状态开始动画。另外需要做的是在设置新动画之前根据其表示层的属性设置模型层的所需属性，如下所示：

someLayer.path = ((CAShapeLayer *)[someLayer presentationLayer]).path;
[someLayer addAnimation:someAnimation forKey:@"someAnimation"];
于 2016-06-07T13:23:41.880 回答