資源描述：
《使用iPhone為Apple Watch制作動(dòng)畫》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、（原文：MakeAnimationsforAPPLEWATCHUsingiPhone作者：AndyDrizen譯者：xiaoying）無(wú)論要做一個(gè)像hamburgerbutton這樣小的特性還是要做一個(gè)全新的用戶界面，動(dòng)畫都是在iOS應(yīng)用開發(fā)中非常重要的一環(huán)。一個(gè)重要的原因是因?yàn)樘O果已經(jīng)在UIKit和CoreAnimation的庫(kù)中集成了很多常規(guī)特性，這使得對(duì)于開發(fā)者而言，實(shí)現(xiàn)這些動(dòng)畫變得非常簡(jiǎn)單。在實(shí)際開發(fā)中可以通過一些參數(shù)來(lái)控制這些動(dòng)畫的屬性（例如duration,easing,延遲,重復(fù)次數(shù),autore
2、serve），蘋果還提供很多其他可以做動(dòng)畫（例如，通過指定frame，背景顏色，透明，transform）的控件,這些控件可以拿來(lái)即用，我們確確實(shí)實(shí)的被它們給寵壞了。那么，如果我們?cè)谝粋€(gè)沒有這么美好的平臺(tái)下工作呢？不幸的是，applewatch在動(dòng)畫方面著實(shí)不夠給力。因?yàn)橛布旧淼南拗疲o(wú)論是屏幕尺寸還是電池續(xù)航能力），在applewatch上沒有UIView和CALayer讓開發(fā)者用來(lái)操作，這意味著不會(huì)有動(dòng)態(tài)動(dòng)畫API。相反，我們好像倒退回去很早以前需要做翻頁(yè)動(dòng)畫的日子里。當(dāng)然，我們對(duì)動(dòng)畫還可以有一些控制，但
3、是和以前在iPhone上做的完全不同：對(duì)的，我們可以決定是否給WKInterfaceImage（這相當(dāng)于在WatchKit里的UIImageView）添加動(dòng)畫，如果是，還可以決定動(dòng)畫的時(shí)長(zhǎng)。如果有動(dòng)畫，它會(huì)在你的程序包里尋找連續(xù)命名的文件（例如，frame0.png,frame1.png,frame2.png,…），然后重復(fù)播放它們。重新創(chuàng)建AppleWatch的ActivityIndicator對(duì)我來(lái)說(shuō)這里就有個(gè)問題，我一直太習(xí)慣于蘋果來(lái)做所有基礎(chǔ)性工作（例如，處理動(dòng)畫曲線和創(chuàng)建補(bǔ)間動(dòng)畫），這使得我在創(chuàng)建翻頁(yè)
4、動(dòng)畫上沒有任何經(jīng)驗(yàn)。如果我要?jiǎng)?chuàng)建一個(gè)150幀的動(dòng)畫，并且想要把它做的稍微活潑些，我可不想把時(shí)間都浪費(fèi)在調(diào)整這上百幀圖片上。在AppleWatch上可以考慮一些像ActivityIndicator這樣的簡(jiǎn)單的東西：我是真的很喜歡這個(gè)可愛的圓圈——仔細(xì)去觀察每個(gè)球是怎么擴(kuò)大和淡入的，就像它們是開啟你應(yīng)用程序的導(dǎo)火線。隨著每一個(gè)球動(dòng)量的增加，這個(gè)圓圈慢慢的加速。我還非常喜歡這些球被慢慢的壓扁的幻覺，像用花瓣去覆蓋去一朵花，雖然實(shí)際上它們都是完美的圓。用iPhone來(lái)捕獲幀像我之前提到過的，過去5年我在動(dòng)畫上的經(jīng)驗(yàn)大部
5、分都是在iOS上，所以我真的不知道外邊還有什么軟件能幫助到我的。當(dāng)然，任何第三方的軟件都不太可能會(huì)有本地庫(kù)的感覺（例如，動(dòng)畫的彈性會(huì)和設(shè)備相符嗎，缺省的動(dòng)畫曲線是怎么樣的）。如果我們能夠使用UIKit和CoreAnimation，我們就能夠不需要去管這些了……為什么不這么做呢？很顯然為了能夠這么做，我們的最終的動(dòng)畫必須要是60fps的，我們稍后會(huì)來(lái)討論這個(gè)。作為開始，我創(chuàng)建了一個(gè)動(dòng)畫，并且把它放進(jìn)了一個(gè)iPhone的應(yīng)用中；這是它在iPhone模擬器里運(yùn)行的樣子.接著，我創(chuàng)建了UIViewRecorder——一
6、個(gè)簡(jiǎn)單的包含CADisplayLink的類，當(dāng)然還包括一些圖像捕獲/導(dǎo)出的代碼。它會(huì)在動(dòng)畫開始時(shí)開始記錄ActivityIndicator視圖，并且在動(dòng)畫結(jié)束時(shí)停止記錄。停止后，我們看到了一些輸出Recorded:145張圖片Duration:2.41957300901413秒鐘Framesstoredin:~/Library/Developer/CoreSimulator/Devices/2520DD5C-03FA-4894-A99F-9BCF5C07BDE5/data/Containers/Data/App
7、lication/63F724D7-67FA-4D06-9993-35BF475861B0/Documents/你可以看到我們得到的幀率是145/2.42=60幀每秒這里是這145張圖片種的前28張——注意我們?cè)黾恿吮尘吧ㄍㄟ^CSS）所以你才能看到前景色；這些PNG圖片的背景是透明的?，F(xiàn)在我們要做的就是把這些圖片加到我的Watch應(yīng)用的Images.xcassets中，然后添加一個(gè)WKinterfaceImage指向他們。另外，由于我不想這個(gè)動(dòng)畫一直重復(fù)，我會(huì)在InterfaceController中添加一個(gè)
8、IBOutlet，并且做這樣設(shè)置：@IBOutletweakvarimage:WKInterfaceImage!overridefuncawakeWithContext(context:AnyObject?){super.awakeWithContext(context)image.startAnimatingWithImagesInRange(NSMakeRange(1,145),d
