你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> CAMediaTiming ( 時間協議)詳解及實例代碼

CAMediaTiming ( 時間協議)詳解及實例代碼

編輯:IOS開發綜合

CAMediaTiming ( 時間協議)詳解

有一種通過CAAnimation實現的協議叫做CAMediaTiming,也就是CABasicAnimation和CAKeyframeAnimation的基類(指CAAnimation)。像duration,beginTime和repeatCount這些時間相關的屬性都在這個類中。大體而言,協議中定義了8個屬性,這些屬性通過一些方式結合在一起,准確的控制著時間。文檔中每個屬性只有幾句話,所以很有可能在看這篇文章之前你都已經讀過了,但是我覺得使用可視化的圖形能更好的解釋時間。

可視化的CAMediaTiming

為了顯示相關屬性的不同時間,無論是他們自己還是混合狀態,我都會動態的將橙色變為藍色。下面的塊狀顯示了從開始到結束的動畫過程,時間線上每一個標志代表一秒鐘。你可以看到時間線上的任意一點,當前顏色即表示動畫中的當前時間。比如,duration像下面一樣可視。

我們都知道,CALayer和CAAnimation都實現了CAMediaTiming 協議,因此在Core Animation中,理解CAMediaTiming協議中的屬性是非常必要的,但是蘋果的文檔中對於各個屬性描述太簡單,對初學者容易理解,這篇文章主要幫助理解CAMediaTiming協議中各個屬性的含義。

CAMediaTiming Protocol提供了8個屬性,下面將分別講解。

CAMediaTiming / 時間協議

  1. repeatCount,動畫的重復次數,可以設置為小數。設置為HUGE_VALF,表示無限重復。
  2. repeatDuration,動畫總時長,如果大於單次時長,則重復;如果小於單次時長,則截斷。
  3. duration,單次動畫時長。
  4. speed,圖層或動畫模型相對於父圖層CALayer的時間流逝速度。
  5. fillMode,有效期結束後,動畫對象的呈現效果是凍結還是移除。
  6. beginTime,相對於父對象的開始時間。注意,以系統的絕對時間為准。例如:
/**
當前時間2秒以後開始動畫
*/
keyFrameAnim.beginTime = CACurrentMediaTime() + 2;
/**
截止到當前時間,動畫已經執行了2秒,
注意,如果執行的時間大於動畫時長,則表示動畫已經執行過。
*/
keyFrameAnim.beginTime = CACurrentMediaTime() - 2;

7.timeOffset,時間軸偏移量。將時間軸移動至偏移位置,再執行整個動畫時長。假設動畫時長3秒,偏移量為8,則開始位置為8 % 3 = 2,再執行3秒,即在整個時長的1/ 3處結束。

8.CACurrentMediaTime,返回系統當前的絕對時間(從本次開機開始),單位秒。

 /**
 The receiver does not appear until it begins and is removed from the presentation when it is completed.
 */
 kCAFillModeRemoved; // (默認)動畫模型的呈現效果直至開始時才顯示,並在動畫結束後移除。
 /**
 The receiver does not appear until it begins but remains visible in its final state when it is completed.
 */
 kCAFillModeForwards; // 動畫模型的呈現效果直至開始時才顯示,但在動畫結束後仍然顯示最後的狀態。
 /**
 The receiver appears in its initial state before it begins but is removed from the presentation when it is completed.
 */
 kCAFillModeBackwards; // 動畫開始之前,動畫模型顯示其初始呈現效果,但在動畫結束後移除。
 /**
 The receiver appears in its initial state before it begins and remains visible in its final state when it is completed.
 */
 kCAFillModeBoth; // 動畫開始之前,動畫模型顯示其初始呈現效果,並且在動畫結束後仍然顯示最後的狀態。

暫停/繼續動畫demo

- (IBAction)pauseBtnClicked:(id)sender {
  /**
   判斷當前圖層對象是否有針對postion屬性的動畫效果
   */
  if ([self.layer.presentationLayer animationForKey:@"position"]) {
    // 通過絕對時間獲取圖層的本地時間
    CFTimeInterval localTime = [self.layer convertTime:CACurrentMediaTime() fromLayer:nil];
    /**
     將圖層的時間流逝速度設置為0,以暫停動畫
     */
    self.layer.speed = 0;
    // 設置圖層的時間軸偏移量,為繼續動畫做准備
    self.layer.timeOffset = localTime;

  }
}

- (IBAction)continueBtnClicked:(id)sender {
  /**
   判斷當前圖層對象是否有針對postion屬性的動畫效果
   */
  if ([self.layer.presentationLayer animationForKey:@"position"]) {
    // 獲取上次暫停時的時間軸偏移量
    CFTimeInterval timeOffset = self.layer.timeOffset;

    // 重置時間軸偏移量
    self.layer.timeOffset = 0;
    // 速度還原為1
    self.layer.speed = 1;

    // 重置開始時間
#warning 此處嚴重不理解。
    self.layer.beginTime = 0;

    // 計算暫停時間和當前時間的差值
    CFTimeInterval localTime = [self.layer convertTime:CACurrentMediaTime() fromLayer:nil];
    CFTimeInterval timeSincePause = localTime - timeOffset;

    // 從上一次暫停處開始
    self.layer.beginTime = timeSincePause;
  }
}

感謝閱讀,希望能幫助到大家,謝謝大對本站的支持!

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved