キーフレームアニメーションキー時間

Question

私はちょうどこのようなキーフレームアニメーション作成しました：

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

をし、これが作成されますCAKeyframeAnimationです：

(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> 

質問：

全体のアニメーションは、不透明度を10 * 0.1 = 1秒間アニメーション化して10秒かかるでしょうか？アニメーションを見ると、変化は1秒以上アニメートされています。

なぜですか？

Answer 1

なぜなら、アニメーションのタイミング機能は線形ではないからです。

「時間と空間は相対的な概念です。」 - 相対性理論

レイヤーやアニメーションは、各オブジェクトは、その親に依存している独自のローカル時間を持ち、その階層タイミングシステムを使用独自のタイミングパラメータ。

例えば、アニメーションには、ペーシングを定義するタイミング機能があります。 UIKitによって作成されたアニメーションのデフォルトのタイミング機能は、ゆっくりと開始し、その持続時間の途中で加速し、完了する前に再び減速するタイミングを定義する緩和緩和タイミング関数です。これは、突然開始または停止しない滑らかなアニメーションを作成します。しかし、正確なタイミングが必要なときには迷惑になるキーフレームアニメーションのキータイムでも気になります。

UIViewAnimationOptionCurveLinearオプションをanimateKeyframesWithDuration:delay:options:animations:completion:メソッドに渡すことで、容易さの容易さのタイミングを無効にすることができます。 UIViewAnimationOptionsからUIViewKeyframeAnimationOptionsに値をキャストする必要があるかどうかはわかりませんが、ドキュメントでそのことについて何も言われていません。多分よりよい（しかし、より詳細な）方法は、このような標準的なアニメーションブロック内のキーフレームアニメーションブロックを埋め込むことです。

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