ios - 如何等待重复的 CAAnimation 在删除它之前完成一个循环

Question

我认为我可以使用 CAAnimation 让脉动。

CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"opacity"];
animation.values = @[ @0.0f, @1.0f, @0.0f ];
animation.duration = 0.5;
animation.repeatCount = HUGE_VALF;

[view.layer addAnimation:animation forKey:@"pulsate"];

当我使用 [view.layer removeAnimationForKey:@"pulsate"] 移除动画时，不透明度会立即恢复。我想实现的是当前正在执行的脉动动画结束，然后动画被移除。

我尝试将 repeatCount 设置为 1，但这会引发异常，因为动画是不可变的。

我还尝试从表示层获取当前值并将其应用于模型，然后删除动画并再次添加动画以完成它。但这在停止动画时会出现明显的问题，而且时间通常会关闭。

有没有办法让一个动画运行完一个循环然后再移除？

Answer 1

有很多细节需要解决，但总体思路是创建一个在完成时删除的非重复动画，然后使用 animationDidStop 委托(delegate)方法重新启动动画。

第一项业务是声明一些属性

@property (weak, nonatomic) IBOutlet UIImageView *orangeView2;
@property (nonatomic) bool pulseActive;
@property (strong, nonatomic) CAKeyframeAnimation *pulseAnimation;

第一个属性是将被动画化的 View ，第二个属性跟踪动画是否启用，最后一个是实际的动画(存储在属性中，因此我们只需实例化一次)。

接下来，我们将使用惰性实例化来创建动画对象

- (CAKeyframeAnimation *)pulseAnimation
{
    if ( !_pulseAnimation )
    {
        _pulseAnimation = [CAKeyframeAnimation animationWithKeyPath:@"opacity"];
        _pulseAnimation.values = @[ @0.0f, @1.0f, @0.0f ];
        _pulseAnimation.duration = 0.5;

        _pulseAnimation.delegate = self;
        [_pulseAnimation setValue:@"PulseAnimation" forKey:@"AnimationIdentifier"];
    }

    return( _pulseAnimation );
}

这里的重点是

• 动画不重复(默认)
• 动画是removedOnCompletion(默认)
• delegate 设置为 self 以便 animationDidStop 方法将被称为
• 使用 setValue:forKey: 给动画一个标识符

只有当多个动画使用同一个委托(delegate)时才需要最后一项，因为在这种情况下，您需要一种方法来确定哪个动画调用了 animationDidStop。传递给 forKey 和 setValue 的字符串是任意的，并存储在动画对象中的字典中。

好的，现在我们需要实现animationDidStop。该实现检查 pulseActive 属性并在必要时重新启动动画(在检查动画的身份之后)。

- (void)animationDidStop:(CAAnimation *)animation finished:(BOOL)flag
{
    NSString *animationIdentifier = [animation valueForKey:@"AnimationIdentifier"];

    if ( [animationIdentifier isEqualToString:@"PulseAnimation"] )
    {
        if ( self.pulseActive )
            [self.orangeView2.layer addAnimation:self.pulseAnimation forKey:@"pulsate"];
    }
}

剩下的就是开始和停止动画了。例如，切换动画的按钮

- (IBAction)pulseButtonPressed
{
    if ( !self.pulseActive )
    {
        self.pulseActive = YES;
        [self.orangeView2.layer addAnimation:[self pulseAnimation] forKey:@"pulsate"];
    }
    else
    {
        self.pulseActive = NO;
    }
}