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委托方法重新启动动画。

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

@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;
    }
}

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

1 个答案: