0

我有一个这样的场景：

  1. 我添加了一个 CAAnimation 层，将其转换为特定的帧。起始时间为 0。
  2. 然后我添加另一个 CAAnimation 将其转换为不同的帧。起始时间为 0.5。

发生的情况是该图层立即获得第二帧（没有动画），并且在第一个动画时间过去后，第二个动画正确完成。

这是动画创建代码：

+ (CAAnimation *)transformAnimation:(CALayer *)layer
                          fromFrame:(CGRect)fromFrame
                            toFrame:(CGRect)toFrame
                          fromAngle:(CGFloat)fromAngle
                            toAngle:(CGFloat)toAngle
                             anchor:(CGPoint)anchor
                           vertical:(BOOL)vertical
                              begin:(CFTimeInterval)begin
                           duration:(CFTimeInterval)duration {

    CATransform3D fromTransform = makeTransform(layer, fromFrame, fromAngle, anchor, vertical);
    CATransform3D midTransform1 = makeTransformLerp(layer, fromFrame, toFrame, fromAngle, toAngle, anchor, 0.33, vertical);
    CATransform3D midTransform2 = makeTransformLerp(layer, fromFrame, toFrame, fromAngle, toAngle, anchor, 0.66, vertical);
    CATransform3D toTransform = makeTransform(layer, toFrame, toAngle, anchor, vertical);

    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
    animation.values = @[[NSValue valueWithCATransform3D:fromTransform],
                         [NSValue valueWithCATransform3D:midTransform1],
                         [NSValue valueWithCATransform3D:midTransform2],
                         [NSValue valueWithCATransform3D:toTransform]
                         ];
    animation.beginTime = begin;
    animation.duration = duration;
    animation.fillMode = kCAFillModeBoth;
    animation.calculationMode = kCAAnimationPaced;
    animation.removedOnCompletion = NO;
    return animation;
}

在大多数情况下进行编辑 ，此代码运行良好并且动画排序正确。但是，如果我将 1 个变换动画设置为在 2 秒后开始，然后将另一个变换设置为在 4 秒后开始。第一个变换立即应用于图层，第二个动画从那里开始。

知道如何将动画分开运行一个接一个吗？（我不喜欢使用完成块）

谢谢

4

1 回答 1

0

最简单和最明显的早期修复是更改填充模式，以便第二个动画不会在两端钳制覆盖前一个动画。 

animation.fillMode = kCAFillModeForwards;

我也将开始时间调整为

animation.beginTime = CACurrentMediaTime() + begin;

如果是开始时间和持续时间重叠的问题，而不是这个，请告诉我，我也可以提供。

于 2018-07-31T13:56:23.150 回答