Strano comportamento che anima un UIView usando [UIView animateKeyframesWithDuration]

Question

Sto provando a creare un effetto in cui tre frecce passano dal visibile all'invisibile in alternativa.

Ho creato un semplice algoritmo in cui ogni freccia inizia da un valore alfa diverso (se sono presenti 3 frecce, la prima parte da alfa = 1, la seconda da alfa = 0.6667, la terza da alfa = 0,3337). Sono poi inizio un'animazione fotogramma chiave che:

• Modifica la freccia opacità dalla alfa corrente a 0 (la durata è calcolata)
• impostare immediatamente la freccia opacità a 1
• modificare l'opacità freccia da 1 al primo set di valori

Tuttavia sembra che alcuni passaggi vengano saltati per qualche motivo.

Un semplice esempio:

[UIView animateKeyframesWithDuration:2 delay:0 options:UIViewKeyframeAnimationOptionCalculationModeLinear | UIViewKeyframeAnimationOptionRepeat animations:^{ 

    [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:0 animations:^{ 
     _animatedView.alpha = 0.5; 
    }]; 

    [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:0.5 animations:^{ 
     _animatedView.alpha = 0; 
    }]; 

    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0 animations:^{ 
     _animatedView.alpha = 1; 
    }]; 

    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.5 animations:^{ 
     _animatedView.alpha = 0.5; 
    }]; 

} completion:nil]; 

In questo caso dovrebbe andare a 0,5 istantaneamente, 0,5 a 0 in 1 secondo, vai a 1 istantaneamente, 1 a 0,5 a 1 secondo. Dovrebbe quindi fare una transizione senza soluzione di continuità che assomigli alla visualizzazione e alla scomparsa della vista, ma sembra che l'animazione si blocchi su alfa = 0.5 per un po 'di tempo.

Teoricamente, l'effetto dovrebbe essere lo stesso come se si utilizza questa animazione fotogramma chiave:

[UIView animateKeyframesWithDuration:2 delay:0 options:UIViewKeyframeAnimationOptionCalculationModeLinear | UIViewKeyframeAnimationOptionRepeat animations:^{ 
    [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:0 animations:^{ 
     _animatedView.alpha = 1; 
    }]; 
    [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:1 animations:^{ 
     _animatedView.alpha = 0; 
    }]; 
} completion:nil]; 

Answer 1

Nel caso in cui si desidera animare viste N nello stesso modo:

CGFloat count = [self.animatedViews count]; 
CGFloat period = 1.0f/count; 

__weak NSArray *weakViews = self.animatedViews; 

[UIView animateKeyframesWithDuration:2.0f delay:0 options:UIViewKeyframeAnimationOptionCalculationModeLinear | UIViewKeyframeAnimationOptionRepeat animations:^{ 

    for (NSUInteger index = 0; index < count; ++index) { 
     UIView *animatedView = weakViews[index]; 

     CGFloat startDelay = period * index; 

     [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:0 animations:^{ 
      animatedView.alpha = startDelay; 
     }]; 

     [UIView addKeyframeWithRelativeStartTime:0.0f relativeDuration:startDelay animations:^{ 
      animatedView.alpha = 0.0f; 
     }]; 

     [UIView addKeyframeWithRelativeStartTime:startDelay relativeDuration:0.0f animations:^{ 
      animatedView.alpha = 1.0f; 
     }]; 

     [UIView addKeyframeWithRelativeStartTime:startDelay relativeDuration:(1.0f - startDelay) animations:^{ 
      animatedView.alpha = startDelay; 
     }]; 
    } 
} completion:nil];