CAMediaTiming ( 時(shí)間協(xié)議)詳解及實(shí)例代碼
CAMediaTiming ( 時(shí)間協(xié)議)詳解
有一種通過CAAnimation實(shí)現(xiàn)的協(xié)議叫做CAMediaTiming,也就是CABasicAnimation和CAKeyframeAnimation的基類(指CAAnimation)。像duration,beginTime和repeatCount這些時(shí)間相關(guān)的屬性都在這個(gè)類中。大體而言,協(xié)議中定義了8個(gè)屬性,這些屬性通過一些方式結(jié)合在一起,準(zhǔn)確的控制著時(shí)間。文檔中每個(gè)屬性只有幾句話,所以很有可能在看這篇文章之前你都已經(jīng)讀過了,但是我覺得使用可視化的圖形能更好的解釋時(shí)間。
可視化的CAMediaTiming
為了顯示相關(guān)屬性的不同時(shí)間,無論是他們自己還是混合狀態(tài),我都會動態(tài)的將橙色變?yōu)樗{(lán)色。下面的塊狀顯示了從開始到結(jié)束的動畫過程,時(shí)間線上每一個(gè)標(biāo)志代表一秒鐘。你可以看到時(shí)間線上的任意一點(diǎn),當(dāng)前顏色即表示動畫中的當(dāng)前時(shí)間。比如,duration像下面一樣可視。
我們都知道,CALayer和CAAnimation都實(shí)現(xiàn)了CAMediaTiming 協(xié)議,因此在Core Animation中,理解CAMediaTiming協(xié)議中的屬性是非常必要的,但是蘋果的文檔中對于各個(gè)屬性描述太簡單,對初學(xué)者容易理解,這篇文章主要幫助理解CAMediaTiming協(xié)議中各個(gè)屬性的含義。
CAMediaTiming Protocol提供了8個(gè)屬性,下面將分別講解。
CAMediaTiming / 時(shí)間協(xié)議
- repeatCount,動畫的重復(fù)次數(shù),可以設(shè)置為小數(shù)。設(shè)置為HUGE_VALF,表示無限重復(fù)。
- repeatDuration,動畫總時(shí)長,如果大于單次時(shí)長,則重復(fù);如果小于單次時(shí)長,則截?cái)唷?/li>
- duration,單次動畫時(shí)長。
- speed,圖層或動畫模型相對于父圖層CALayer的時(shí)間流逝速度。
- fillMode,有效期結(jié)束后,動畫對象的呈現(xiàn)效果是凍結(jié)還是移除。
- beginTime,相對于父對象的開始時(shí)間。注意,以系統(tǒng)的絕對時(shí)間為準(zhǔn)。例如:
/** 當(dāng)前時(shí)間2秒以后開始動畫 */ keyFrameAnim.beginTime = CACurrentMediaTime() + 2; /** 截止到當(dāng)前時(shí)間,動畫已經(jīng)執(zhí)行了2秒, 注意,如果執(zhí)行的時(shí)間大于動畫時(shí)長,則表示動畫已經(jīng)執(zhí)行過。 */ keyFrameAnim.beginTime = CACurrentMediaTime() - 2;
7.timeOffset,時(shí)間軸偏移量。將時(shí)間軸移動至偏移位置,再執(zhí)行整個(gè)動畫時(shí)長。假設(shè)動畫時(shí)長3秒,偏移量為8,則開始位置為8 % 3 = 2,再執(zhí)行3秒,即在整個(gè)時(shí)長的1/ 3處結(jié)束。
8.CACurrentMediaTime,返回系統(tǒng)當(dāng)前的絕對時(shí)間(從本次開機(jī)開始),單位秒。
/** The receiver does not appear until it begins and is removed from the presentation when it is completed. */ kCAFillModeRemoved; // (默認(rèn))動畫模型的呈現(xiàn)效果直至開始時(shí)才顯示,并在動畫結(jié)束后移除。 /** The receiver does not appear until it begins but remains visible in its final state when it is completed. */ kCAFillModeForwards; // 動畫模型的呈現(xiàn)效果直至開始時(shí)才顯示,但在動畫結(jié)束后仍然顯示最后的狀態(tài)。 /** The receiver appears in its initial state before it begins but is removed from the presentation when it is completed. */ kCAFillModeBackwards; // 動畫開始之前,動畫模型顯示其初始呈現(xiàn)效果,但在動畫結(jié)束后移除。 /** The receiver appears in its initial state before it begins and remains visible in its final state when it is completed. */ kCAFillModeBoth; // 動畫開始之前,動畫模型顯示其初始呈現(xiàn)效果,并且在動畫結(jié)束后仍然顯示最后的狀態(tài)。
暫停/繼續(xù)動畫demo
- (IBAction)pauseBtnClicked:(id)sender { /** 判斷當(dāng)前圖層對象是否有針對postion屬性的動畫效果 */ if ([self.layer.presentationLayer animationForKey:@"position"]) { // 通過絕對時(shí)間獲取圖層的本地時(shí)間 CFTimeInterval localTime = [self.layer convertTime:CACurrentMediaTime() fromLayer:nil]; /** 將圖層的時(shí)間流逝速度設(shè)置為0,以暫停動畫 */ self.layer.speed = 0; // 設(shè)置圖層的時(shí)間軸偏移量,為繼續(xù)動畫做準(zhǔn)備 self.layer.timeOffset = localTime; } } - (IBAction)continueBtnClicked:(id)sender { /** 判斷當(dāng)前圖層對象是否有針對postion屬性的動畫效果 */ if ([self.layer.presentationLayer animationForKey:@"position"]) { // 獲取上次暫停時(shí)的時(shí)間軸偏移量 CFTimeInterval timeOffset = self.layer.timeOffset; // 重置時(shí)間軸偏移量 self.layer.timeOffset = 0; // 速度還原為1 self.layer.speed = 1; // 重置開始時(shí)間 #warning 此處嚴(yán)重不理解。 self.layer.beginTime = 0; // 計(jì)算暫停時(shí)間和當(dāng)前時(shí)間的差值 CFTimeInterval localTime = [self.layer convertTime:CACurrentMediaTime() fromLayer:nil]; CFTimeInterval timeSincePause = localTime - timeOffset; // 從上一次暫停處開始 self.layer.beginTime = timeSincePause; } }
感謝閱讀,希望能幫助到大家,謝謝大對本站的支持!
- iOS內(nèi)存錯(cuò)誤EXC_BAD_ACCESS的解決方法
- iOS開發(fā)中ViewController的頁面跳轉(zhuǎn)和彈出模態(tài)
- iOS開發(fā)中WebView的基本使用方法簡介
- IOS開發(fā)代碼分享之設(shè)置UISearchBar的背景顏色
- IOS獲取各種文件目錄路徑的方法
- iOS開發(fā)中實(shí)現(xiàn)顯示gif圖片的方法
- iOS微信第三方登錄實(shí)現(xiàn)
- IOS開發(fā)代碼分享之用nstimer實(shí)現(xiàn)倒計(jì)時(shí)功能
- iOS開發(fā)之路--仿網(wǎng)易抽屜效果
- iOS中使用schema協(xié)議調(diào)用APP和使用iframe打開APP的例子
相關(guān)文章
iOS WebSocket長鏈接的實(shí)現(xiàn)方法
WebSocket是HTML5一種新的協(xié)議,它實(shí)現(xiàn)了瀏覽器與服務(wù)器全雙工通信,本篇文章介紹了iOS WebSocket長鏈接的使用,有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11iOS對數(shù)組進(jìn)行排序的實(shí)例代碼
本文通過實(shí)例代碼給大家講解了ios對數(shù)組進(jìn)行排序的實(shí)例方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-08-08iOS16使用SwiftUI Charts創(chuàng)建折線圖實(shí)現(xiàn)實(shí)例
這篇文章主要為大家介紹了iOS16使用SwiftUI Charts創(chuàng)建折線圖實(shí)現(xiàn)實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11IOS 開發(fā)之ios視頻截屏的實(shí)現(xiàn)代碼
這篇文章主要介紹了IOS 開發(fā)之ios視頻截屏的實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-07-07學(xué)習(xí)iOS開關(guān)按鈕UISwitch控件
這篇文章主要為大家詳細(xì)介紹了iOS開關(guān)按鈕UISwitch控件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08