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

Posted 2023-03-13

【中文标题】如何在删除之前等待重复的 CAAnimation 完成一个循环

【英文标题】：How to wait for an repeating CAAnimation to finish a cycle before removing it

【发布时间】：2014-06-27 20:52:21

【问题描述】：

我有一个观点，我使用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，但这会引发异常，因为动画是不可变的。

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

有没有办法让动画完成循环运行并在之后将其移除？

【参考方案1】：

有很多细节需要做对，但大体思路是创建一个非重复动画，在完成时移除，然后使用animationDidStop委托方法重新启动动画。

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

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

第一个属性是要设置动画的视图，第二个是跟踪动画是否启用，最后一个是实际的动画（存储在属性中，我们只需要实例化一次）。

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

- (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: 为动画指定一个标识符

仅当多个动画使用同一个委托时才需要最后一项，因为在这种情况下，您需要一种方法来确定哪个动画称为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;
    

【讨论】：

对我来说，重用动画并没有按预期工作，但是添加一个新动画效果很好。谢谢！