Dziwne zachowanie przy animacji UIView przy użyciu [UIView animateKeyframesWithDuration]

Question

Próbuję stworzyć efekt, w którym trzy strzały zmieniają się z widocznych na niewidoczne na przemian.

Zrobiłem prosty algorytm, w którym każda strzałka zaczynałaby się od innej wartości alfa (jeśli są 3 strzały, pierwsza zaczynałaby się od alfa = 1, druga w alfa = 0.6667, trzecia w alfa = 0,3337). I wtedy zaczynają kluczową animacji klatek że:

• Zmień krycie strzałka z bieżącej alfa 0 (czas trwania jest obliczany)
• ustawiona natychmiast strzałka krycie do 1
• Zmian strzałki krycie od 1 do pierwszego zestawu wartości

Wygląda jednak na to, że niektóre kroki są pomijane z jakiegoś powodu.

Prosty przykład:

[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]; 

W tym przypadku należy przejść do 0,5 natychmiast 0,5 do 0 w ciągu 1 sekundy, przejdź do 1 natychmiast 1 do 0,5 do 1 sekundy. Powinno więc wykonać płynne przejście, które wygląda tak, jakby widok pojawiał się i znikał, ale wygląda na to, że animacja utknęła na alpha = 0.5 przez kilka chwil.

Teoretycznie, efekt powinien być taki sam, jak w przypadku korzystania z tego klucza animacji klatek:

[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

w przypadku chcesz animować N poglądy w taki sam sposób:

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];