ios - UIView animateKeyframes 不起作用

Question

我正在尝试一个关键帧动画，其中 View 淡入，然后转换(平移和缩放)，然后在延迟后再次转换，然后淡出。我遇到的问题是第二次转换在第一次转换结束后立即开始，而不是尊重延迟值。这似乎只发生在它再次修改变换时，所以我怀疑问题出在尝试在同一个关键帧 block 中进行两个不同的变换更改，尽管我不明白为什么不允许这样做，因为动画持续时间不重叠。

这是代码:

[UIView animateKeyframesWithDuration:15.0 delay:0.0 options:UIViewKeyframeAnimationOptionCalculationModeLinear animations:^
        {
        [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.1 animations:^
            {
            self.imageViewCurrent.alpha = 1.0;
            }];
        [UIView addKeyframeWithRelativeStartTime:0.1 relativeDuration:0.1 animations:^
            {
            self.imageViewCurrent.transform = self.imageDataCurrent.transform2;
            }];
        [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.4 animations:^
            {
            self.imageViewCurrent.transform = self.imageDataCurrent.transform3;
            }];
        [UIView addKeyframeWithRelativeStartTime:0.9  relativeDuration:0.1 animations:^
            {
            self.imageViewCurrent.alpha = 0.0;
            }];
        }

这些是正在使用的转换:

开始变换:
(a = 5，b = 0，c = 0，d = 5，tx = 950，ty = 850)

变换2:
(a = 5，b = 0，c = 0，d = 5，tx = 1250，ty = -1500)

变换3:
(a = 2.5, b = 0, c = 0, d = 2.5, tx = -250, ty = 0)

更新 1:

我没有使用自动布局。

更新 2:

我做了一些更多的测试，并确定确实是导致问题的两个变换修改。如果我用对 alpha 的更改替换其中一个变换修改，则所有动画时间都正常工作。据我所知，这是 UIKit 动画的一个错误。

解决方法:

我发现通过直接使用核心动画，我能够避免这个问题。此代码产生大致相同的效果，但没有错误:

// Fade in, pause, fade out.
CAKeyframeAnimation *alphaAnim = [CAKeyframeAnimation animationWithKeyPath:@"opacity"];
alphaAnim.keyTimes = @[@(0.0), @(0.1), @(0.9), @(1.0)];
alphaAnim.values = @[@(0.0), @(1.0), @(1.0), @(0.0)];
alphaAnim.duration = 15.0;
[self.imageViewCurrent.layer addAnimation:alphaAnim forKey:@"opacity"];

// Translate, wait on second translation, translate again.
CAKeyframeAnimation *transformAnim = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
transformAnim.keyTimes = @[@(0.3), @(0.4), @(0.5), @(0.8)];
transformAnim.values = @
    [
    [NSValue valueWithCATransform3D:CATransform3DMakeAffineTransform(self.imageDataCurrent.transform1)],
    [NSValue valueWithCATransform3D:CATransform3DMakeAffineTransform(self.imageDataCurrent.transform2)],
    [NSValue valueWithCATransform3D:CATransform3DMakeAffineTransform(self.imageDataCurrent.transform2)],
    [NSValue valueWithCATransform3D:CATransform3DMakeAffineTransform(self.imageDataCurrent.transform3)]
    ];
transformAnim.duration = 15.0;
[self.imageViewCurrent.layer addAnimation:transformAnim forKey:@"transform"];

Answer 1

听起来您有一个时间轴，其中包含动画运行和“休息”的周期。我建议您将其余部分作为带有空动画 block 的关键帧输入。

像这样的东西:

[UIView animateKeyframesWithDuration:15.0 delay:0.0 options:UIViewKeyframeAnimationOptionCalculationModeLinear animations:^
  {

    [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.1 animations:^
    {
      self.imageViewCurrent.alpha = 1.0;
    }];

    [UIView addKeyframeWithRelativeStartTime:0.1 relativeDuration:0.1 animations:^
    {
      self.imageViewCurrent.transform = self.imageDataCurrent.transform2;
    }];

    //Create an empty keyframe
    [UIView addKeyframeWithRelativeStartTime:0.2 relativeDuration:0.3 animations:^
    {
    }];

    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.4 animations:^
    {
      self.imageViewCurrent.transform = self.imageDataCurrent.transform3;
    }];

    [UIView addKeyframeWithRelativeStartTime:0.9  relativeDuration:0.1 animations:^
    {
      self.imageViewCurrent.alpha = 0.0;
    }];
  }