animazione keyframe momento chiave

Question

Ho appena creato un animazione keyframe come questo:

[UIView animateKeyframesWithDuration:10 delay:0 options:0 animations:^{ 
    [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:.1 animations:^{ 
     view.alpha = 0; 
    }]; 
} completion:nil]; 

E questo è un CAKeyframeAnimation che viene creato:

(lldb) po [self.layer animationForKey:@"opacity"] 
<CAKeyframeAnimation:0x10a6364b0; keyTimes = (
    0, 
    "0.1", 
    1 
); values = (
    1, 
    0, 
    0 
); calculationMode = linear; delegate = <UIViewKeyframeAnimationState: 0x10a6358d0>; fillMode = both; timingFunction = easeInEaseOut; duration = 10; keyPath = opacity> 

Domanda:

Il l'intera animazione dovrebbe impiegare 10 secondi con l'opacità che anima per 10 * 0,1 = 1 secondo, giusto? Quando guardo l'animazione, il cambiamento viene animato in modo molto più lungo di 1 secondo.

Perché?

Answer 1

Il motivo è che la funzione di temporizzazione dell'animazione non è lineare.

“Tempo e spazio sono concetti relativi.” - Theory of relativity

livello ed animazioni utilizzano un sistema di distribuzione gerarchica, dove ogni oggetto ha il suo tempo locale che dipende dei suoi genitori e la sua propri parametri di temporizzazione.

Ad esempio, le animazioni hanno una funzione di temporizzazione che definisce il loro pacing. Le funzioni di temporizzazione predefinite per un'animazione creata da UIKit è la funzione di temporizzazione della facilità d'uso che definisce un tempo che inizia lentamente, accelera a metà della sua durata, quindi rallenta nuovamente prima di completarlo. Crea animazioni fluide che non si avviano o si fermano bruscamente. Tuttavia sarà anche temperare con i momenti chiave dell'animazione keyframe, che è fastidioso quando hai bisogno di un tempismo preciso.

È possibile disattivare il tempo di andamento facilitato passando l'opzione UIViewAnimationOptionCurveLinear al metodo animateKeyframesWithDuration:delay:options:animations:completion:. Non sono sicuro se è inteso in quanto è necessario trasmettere il valore da UIViewAnimationOptions a UIViewKeyframeAnimationOptions e la documentazione non dice nulla al riguardo. Forse un modo migliore (ma più dettagliato) è di incorporare il blocco fotogramma chiave animazione all'interno di un blocco di animazione standard come questo:

[UIView animateWithDuration:10 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{ 
    [UIView animateKeyframesWithDuration:0 /*inherited*/ delay:0 options:0 animations:^{ 
     [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:.1 animations:^{ 
      view.alpha = 0; 
     }]; 
    } completion:nil]; 
} completion:nil];