使用CABAsicAnimation來(lái)實(shí)現(xiàn)動(dòng)畫(huà)的放縮和旋轉(zhuǎn)是比較常用的，這篇主要介紹CABasicAnimation實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果
彭陽(yáng)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書(shū)合作）期待與您的合作！
最終的效果圖為：
Demo地址
對(duì)應(yīng)的實(shí)現(xiàn)文件是SecondViewController
首先，我們先定義一個(gè)UIView以及三個(gè)button按鈕，分別對(duì)應(yīng)平移、放大和旋轉(zhuǎn)
在.h文件中定義相應(yīng)的屬性
之后，在.m文件中實(shí)現(xiàn)相應(yīng)的懶加載
將UIView以及button添加到界面上
之后，我們先來(lái)實(shí)現(xiàn)平移動(dòng)畫(huà)，實(shí)現(xiàn)下面的方法
這里面遇到挺多坑的，下面逐條說(shuō)明一下
接下倆，我們類似添加相應(yīng)的放大和旋轉(zhuǎn)的動(dòng)畫(huà)效果
這樣，我們就完成了CABasicAnimation實(shí)現(xiàn)平移、放大和旋轉(zhuǎn)的動(dòng)畫(huà)效果
這種動(dòng)畫(huà)效果使用挺多的
另外，我們閱讀蘋果開(kāi)發(fā)文檔時(shí)，我們可以看到協(xié)議CAAnimationDelegate，通過(guò)這個(gè)協(xié)議我們可以觀察動(dòng)畫(huà)的開(kāi)始和結(jié)束。
在平移動(dòng)畫(huà)中，讓CABasicAnimation遵守這個(gè)協(xié)議
實(shí)現(xiàn)相應(yīng)的協(xié)議方法
比較重要的是，我們通過(guò)協(xié)議方法可以判斷動(dòng)畫(huà)是否正常完成還是被打斷，這個(gè)我以前就碰到過(guò)動(dòng)畫(huà)過(guò)程被UITableView 的reloadData打斷，導(dǎo)致動(dòng)畫(huà)表現(xiàn)異常，具體可以看下這篇文章
CAnimationGroup動(dòng)畫(huà)執(zhí)行時(shí)間比duration小
)
最終效果圖為：
Demo地址
我寫的同一系列的其他文章
iOS開(kāi)發(fā)中動(dòng)畫(huà)效果的探究(一)
iOS動(dòng)畫(huà)效果的探究二：UIView Animation實(shí)現(xiàn)動(dòng)畫(huà)
iOS動(dòng)畫(huà)效果三：CABAsicAnimation實(shí)現(xiàn)平移、旋轉(zhuǎn)和放大
ios動(dòng)畫(huà)效果四：使用Pop框架實(shí)現(xiàn)彈簧效果
iOS動(dòng)畫(huà)效果五：CABasicAnimation實(shí)現(xiàn)繞定點(diǎn)旋轉(zhuǎn)的效果 ]
iOS動(dòng)畫(huà)效果六：實(shí)現(xiàn)自定義的push轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
iOS動(dòng)畫(huà)效果七：實(shí)現(xiàn)自定義present轉(zhuǎn)場(chǎng)動(dòng)畫(huà)效果
iOS動(dòng)畫(huà)效果八:實(shí)現(xiàn)類似系統(tǒng)的測(cè)滑返回效果
篇一：iOS 8自定義動(dòng)畫(huà)轉(zhuǎn)場(chǎng)上手指南
iOS 5發(fā)布的時(shí)候，蘋果針對(duì)應(yīng)用程序界面的設(shè)計(jì)，提出了一種全新的，革命性的方法—Storyboard，它從根本上改變了現(xiàn)有的設(shè)計(jì)理念。iOS 5之前，每個(gè)視圖控制器通常都伴有一個(gè)Interface Builder的文件，叫nib或者xib，這個(gè)想法比較簡(jiǎn)單：每個(gè)視圖控制器的界面應(yīng)該在各自的nib文件中設(shè)計(jì)，而所有的nib文件一起構(gòu)成了整個(gè)應(yīng)用程序的界面。一方面，這個(gè)是很方便的，因?yàn)樗鼜?qiáng)迫開(kāi)發(fā)者在界面設(shè)計(jì)的時(shí)候?qū)⒆⒁饬性诮缑嫔?，但另一方面，到最后，太多的文件不得不被?chuàng)建，開(kāi)發(fā)者將不能概覽應(yīng)用的整體界面。
隨著storyboard的產(chǎn)生，上面的這些都成為了歷史，因?yàn)檫@種新方法受到了開(kāi)發(fā)者社區(qū)的廣泛使用。相比老的技術(shù)，storyboards提供了三個(gè)重要的優(yōu)勢(shì)：
整個(gè)界面設(shè)計(jì)只發(fā)生在一個(gè)文件里。項(xiàng)目的總文件數(shù)量大大減少了，特別是在大項(xiàng)目里。當(dāng)然你可以使用額外的nib文件，并且允許只創(chuàng)建輔助視圖。
開(kāi)發(fā)者能即時(shí)瀏覽應(yīng)用的界面和流程。 視圖控制器之間的轉(zhuǎn)換（界面設(shè)計(jì)的專業(yè)術(shù)語(yǔ)叫場(chǎng)景（scene）），以及轉(zhuǎn)換是如何發(fā)生的，在storyboard中已被完美地定義并清楚地呈現(xiàn)給了開(kāi)發(fā)者。
綜上所述，場(chǎng)景之間的轉(zhuǎn)換構(gòu)成storyboard的特殊部分，我們一般把它叫做轉(zhuǎn)場(chǎng)（segue）。
轉(zhuǎn)場(chǎng)跟應(yīng)用的導(dǎo)航和處理是密切相關(guān)的，因?yàn)樗鞔_定義了一個(gè)視圖切換到另一個(gè)視圖的轉(zhuǎn)換細(xì)節(jié)。這些細(xì)節(jié)指定了是否應(yīng)用動(dòng)畫(huà)，動(dòng)畫(huà)的類型，當(dāng)然還有實(shí)際轉(zhuǎn)換時(shí)的準(zhǔn)備和性能。除此之外，轉(zhuǎn)場(chǎng)也用來(lái)將傳遞數(shù)據(jù)到下一個(gè)視圖控制器里，這個(gè)用法也很常見(jiàn)。
從編程的角度看，場(chǎng)景是UIStoryboardSegue類的一個(gè)對(duì)象，它第一次在iOS 5中介紹到。和其它類的對(duì)象
不同的是，這種對(duì)象不能直接的創(chuàng)建或使用。不過(guò)你可以指定轉(zhuǎn)場(chǎng)的屬性，然后在轉(zhuǎn)場(chǎng)即將發(fā)生時(shí)提供給它以達(dá)到目的。UIKit框架提供了一些帶默認(rèn)動(dòng)畫(huà)過(guò)渡的預(yù)定義的轉(zhuǎn)場(chǎng)，包括：push segues（包括導(dǎo)航控制器的app），帶有動(dòng)畫(huà)選擇的模態(tài)轉(zhuǎn)場(chǎng)（modal segues）， popover segues。更高級(jí)的情況下，iOS SDK默認(rèn)的轉(zhuǎn)場(chǎng)可能不夠用，所以開(kāi)發(fā)者必須實(shí)現(xiàn)他們的自定義轉(zhuǎn)場(chǎng)（custom segues）。 創(chuàng)建一個(gè)自定義轉(zhuǎn)場(chǎng)并不難，因?yàn)樗莍OS標(biāo)準(zhǔn)編程技術(shù)的組成部分。實(shí)際上你只需要生成UIStoryboardSegue的子類，并重載一個(gè)叫perform的方法即可。這個(gè)perform方法中必須實(shí)現(xiàn)自定義動(dòng)畫(huà)的邏輯。從一個(gè)視圖控制器轉(zhuǎn)換到另一個(gè)以及返回操作的觸發(fā)，也需要由開(kāi)發(fā)者編程提供，這是一個(gè)標(biāo)準(zhǔn)的步驟。 在本教程中，我的目標(biāo)是向你們展示如何實(shí)現(xiàn)自定義轉(zhuǎn)場(chǎng)，并通過(guò)一個(gè)簡(jiǎn)單的演示應(yīng)用介紹這個(gè)概念的所有方面。擁有創(chuàng)建自定義轉(zhuǎn)場(chǎng)的知識(shí)， 可以將你導(dǎo)
向開(kāi)發(fā)更強(qiáng)大的app的道路。此外，對(duì)于最大化用戶體驗(yàn)，并開(kāi)發(fā)引人注目的漂亮應(yīng)用，自定義轉(zhuǎn)場(chǎng)也很有幫助。 如果你有興趣學(xué)習(xí)我剛剛說(shuō)的話，就一起來(lái)探索教程里的`所有細(xì)節(jié)和自定義轉(zhuǎn)場(chǎng)的奧秘吧。
應(yīng)用程序概述不像我之前幾個(gè)教程提供了一個(gè)啟動(dòng)項(xiàng)目，本教程我們將從頭開(kāi)始創(chuàng)建app。事實(shí)上，我是故意這么做的，因?yàn)椋?xiàng)目中一些重要部分需要用到Interface Builder，所以我認(rèn)為從頭開(kāi)始按部就班的來(lái)做，能讓你看清里面的細(xì)節(jié)。
正如我先前所說(shuō)，我們將開(kāi)發(fā)一個(gè)非常簡(jiǎn)單的app，在這個(gè)應(yīng)用中我們將創(chuàng)建兩個(gè)自定義轉(zhuǎn)場(chǎng)。需要提前說(shuō)明的是，我們的演示應(yīng)用將有三個(gè)視圖控制器，也就是在Interface Builder中有三個(gè)場(chǎng)景和三個(gè)相關(guān)類。默認(rèn)情況下，第一個(gè)是由Xcode創(chuàng)建的，因此我們只要再添加兩個(gè)。我們將創(chuàng)建的自定義轉(zhuǎn)場(chǎng)用來(lái)導(dǎo)航第一個(gè)視圖控制器到第二個(gè)
（以及返回），以及從第一個(gè)到第三個(gè)（以及返回）。第二個(gè)和第三個(gè)視圖控制器之間我們不添加任何聯(lián)系。
因此，我們需要?jiǎng)?chuàng)建兩個(gè)自定義轉(zhuǎn)場(chǎng)。因?yàn)橐ǚ祷?，每一個(gè)轉(zhuǎn)場(chǎng)需要?jiǎng)?chuàng)建兩個(gè)對(duì)應(yīng)的類（因此，共四個(gè)）：第一個(gè)類里我們將實(shí)現(xiàn)從第一個(gè)視圖控制器到另一個(gè)轉(zhuǎn)換的所有自定義邏輯。第二個(gè)類實(shí)現(xiàn)返回到第一個(gè)視圖控制器的邏輯，或者換句話說(shuō)要實(shí)現(xiàn)解除轉(zhuǎn)場(chǎng)（unwind segue）。后面會(huì)講到解除轉(zhuǎn)場(chǎng)，現(xiàn)在只需要記住這就是用來(lái)讓我們返回到前一個(gè)視圖控制器的轉(zhuǎn)場(chǎng)。
視圖控制器本身沒(méi)什么需要做的。我們會(huì)用一個(gè)label注明視圖控制器的名稱，每一個(gè)會(huì)有一個(gè)不同的背景顏色，可以讓我們很容易地查看轉(zhuǎn)換（是的，這將是一個(gè)五顏六色的應(yīng)用）。第一個(gè)和第二個(gè)視圖控制器也會(huì)多一個(gè)label，其中從其他視圖控制器傳來(lái)的自定義的消息將被顯示出來(lái)。
最后，轉(zhuǎn)場(chǎng)將在以下的動(dòng)作發(fā)生的時(shí)候
篇二：Swift常用UIView Animation API使用
Swift常用UIView Animation API使用
本文默認(rèn)讀者有基礎(chǔ)動(dòng)畫(huà)編寫能力
參數(shù)解釋
*如解釋有誤，請(qǐng)指出，謝謝*
1 duration: 動(dòng)畫(huà)執(zhí)行時(shí)間
2 delay:動(dòng)畫(huà)延遲執(zhí)行時(shí)間
3 options：
.Repeat：動(dòng)畫(huà)永遠(yuǎn)重復(fù)的運(yùn)行
.Autoreverse：動(dòng)畫(huà)執(zhí)行結(jié)束后按照相反的行為繼續(xù)執(zhí)行。該屬性只能和.Repeat屬性組合使用
.CurveLinear：動(dòng)畫(huà)做線性運(yùn)動(dòng)
.CurveEaseIn：動(dòng)畫(huà)緩慢開(kāi)始，然后逐漸加速
.CurveEaseOut：動(dòng)畫(huà)迅速開(kāi)始，在結(jié)束時(shí)減速
.CurveEaseInOut：動(dòng)畫(huà)慢慢開(kāi)始，然后加速，在結(jié)束之前減速.TransitionNone：沒(méi)有轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
.TransitionFlipFromTop ：從頂部圍繞水平軸做翻轉(zhuǎn)動(dòng)畫(huà) .TransitionFlipFromBottom：從底部圍繞水平軸做翻轉(zhuǎn)動(dòng)畫(huà)
.TransitionFlipFromLeft ：從左側(cè)圍繞垂直軸做翻轉(zhuǎn)動(dòng)畫(huà)
.TransitionFlipFromRight：從右側(cè)圍繞垂直軸做翻轉(zhuǎn)動(dòng)畫(huà)
.TransitionCurlUp：從下往上做翻頁(yè)動(dòng)畫(huà)
.TransitionCurlDown ：從上往下做翻頁(yè)動(dòng)畫(huà)
.TransitionCrossDissolve：視圖溶解消失顯示新視圖動(dòng)畫(huà)
4 usingSpringWithDamping：彈簧阻力，取值范圍為0.0-1.0，數(shù)值越小“彈簧”振動(dòng)效果越明顯。
5 initialSpringVelocity：動(dòng)畫(huà)初始的速度（pt/s），數(shù)值越大初始速度越快。但要注意的是，初始速度取值較高而時(shí)間較短時(shí)，也會(huì)出現(xiàn)反彈情況。普通動(dòng)畫(huà)
animateWithDuration:delay:options:animations:completion: class func animateWithDuration(_ duration: NSTimeInterval,
delay delay: NSTimeInterval,
options options: UIViewAnimationOptions,
animations animations: () - Void,
completion completion: ((Bool) - Void))
Animate changes to one or more views using the specified duration, delay, options, and completion handler.
對(duì)一個(gè)或者多個(gè)視圖按照相應(yīng)參數(shù)做固定動(dòng)畫(huà)(翻譯純屬個(gè)人見(jiàn)解，有錯(cuò)請(qǐng)指出)
animateWithDuration:delay:usingSpringWithDamping:initialSpringVelocity:options:animations:completion:
class func animateWithDuration(_ duration: NSTimeInterval,
delay delay: NSTimeInterval,
usingSpringWithDamping dampingRatio: CGFloat,
initialSpringVelocity velocity: CGFloat,
options options: UIViewAnimationOptions,
animations animations: () - Void,
completion completion: ((Bool) - Void))
Performs a view animation using a timing curve corresponding to the motion of a physical spring.
對(duì)一個(gè)視圖按照相應(yīng)參數(shù)做彈性動(dòng)畫(huà)(類似于彈簧，翻譯純屬個(gè)人見(jiàn)解，有錯(cuò)請(qǐng)指出)
圖片借鑒Renfei Song's Blog，只為更清楚的展示調(diào)用兩個(gè)API的不同效果
Spring Animation 和普通的動(dòng)畫(huà)的運(yùn)動(dòng)曲線的對(duì)比：
Spring Animation, Ease-Out Animation 和 Linear Animation 的動(dòng)畫(huà)效果：
轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
transitionWithView:duration:options:animations:completion: class func transitionWithView(_ view: UIView,
duration duration: NSTimeInterval,
options options: UIViewAnimationOptions,
animations animations: (() - Void),
completion completion: ((Bool) - Void))
Creates a transition animation for the specified container view.為指定的視圖構(gòu)建一個(gè)過(guò)渡動(dòng)畫(huà)(翻譯純屬個(gè)人見(jiàn)解，有錯(cuò)請(qǐng)指出)transitionFromView:toView:duration:options:completion:
class func transitionFromView(_ fromView: UIView,
toView toView: UIView,
duration duration: NSTimeInterval,
options options: UIViewAnimationOptions,
completion completion: ((Bool) - Void))
Creates a transition animation between the specified views using the given parameters.
在兩個(gè)給定視圖之間構(gòu)建過(guò)渡動(dòng)畫(huà)(翻譯純屬個(gè)人見(jiàn)解，有錯(cuò)請(qǐng)指出)
以上為UIView Animation的基礎(chǔ)動(dòng)畫(huà)API，使用其實(shí)很簡(jiǎn)單，就是要理解不同參數(shù)的意義。
篇三：iOS開(kāi)發(fā)學(xué)習(xí)之核心動(dòng)畫(huà)
核心動(dòng)畫(huà)基本概念
基礎(chǔ)動(dòng)畫(huà)（CABasicAnimation）
關(guān)鍵幀動(dòng)畫(huà)（CAKeyframeAnimation）
動(dòng)畫(huà)組
轉(zhuǎn)場(chǎng)動(dòng)畫(huà)－CATransition
UIView的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)－雙視圖
一、核心動(dòng)畫(huà)基本概念
1.導(dǎo)入QuartzCore.framework框架
開(kāi)發(fā)步驟
1).初始化一個(gè)動(dòng)畫(huà)對(duì)象（CAAnimation）并且設(shè)置一些動(dòng)畫(huà)相關(guān)屬性
2).CALayer中很多屬性都可以通過(guò)CAAnimation實(shí)現(xiàn)動(dòng)畫(huà)效果，包括：opacity、position、transform、bounds、contents等（可以在API文檔中搜索：CALayer Animatable Properties）
3).添加動(dòng)畫(huà)對(duì)象到層（CALayer）中，開(kāi)始執(zhí)行動(dòng)畫(huà)
4).通過(guò)調(diào)用CALayer的addAnimation：forKey增加動(dòng)畫(huà)到層（CALayer）中，這樣就能觸發(fā)動(dòng)畫(huà)。通過(guò)調(diào)用removeAnimationForKey可以停止層中的動(dòng)畫(huà)
5).Core Animation的動(dòng)畫(huà)執(zhí)行過(guò)程都是后臺(tái)操作的，不會(huì)阻塞主線程
2.屬性
1).duration：動(dòng)畫(huà)的持續(xù)時(shí)間
2).repeatCount：重復(fù)次數(shù)（HUGE_VALF、MAX FLOAT無(wú)限重復(fù)）
3).repeatDuration：重復(fù)時(shí)間（用的很少）
4).removedOnCompletion：默認(rèn)為Yes。動(dòng)畫(huà)執(zhí)行完后默認(rèn)會(huì)從圖層刪除掉
5).fillMode
6).biginTime
7).timingFunction：速度控制函數(shù)，控制動(dòng)畫(huà)節(jié)奏
8).delegate
二、基礎(chǔ)動(dòng)畫(huà)（CABasicAnimation）
如果只是實(shí)現(xiàn)簡(jiǎn)單屬性變化的動(dòng)畫(huà)效果，可以使用UIView的塊動(dòng)畫(huà)替代基本動(dòng)畫(huà)
1.屬性說(shuō)明
－fromValue：keyPath相應(yīng)屬性值的初始值
－toValue：keyPath相應(yīng)屬性的結(jié)束值
2.動(dòng)畫(huà)過(guò)程說(shuō)明：
－隨著動(dòng)畫(huà)的就行，在duration的持續(xù)時(shí)間內(nèi)，keyPath相應(yīng)的屬性值從fromValue漸漸變?yōu)閠oValue
－keyPath內(nèi)容是CALayer的可動(dòng)畫(huà)Animation屬性
－如果fillMode＝kCAFillModeForwards同時(shí)removedOnCompletion＝NO，那么在動(dòng)畫(huà)執(zhí)行完畢后，圖層會(huì)保持顯示動(dòng)畫(huà)執(zhí)行后的狀態(tài)，但在實(shí)質(zhì)上，圖層的屬性值還是動(dòng)畫(huà)執(zhí)行前的初始值，并沒(méi)有真正改變
3.代碼實(shí)現(xiàn)
位移需要考慮目標(biāo)點(diǎn)設(shè)定的問(wèn)題
1.將動(dòng)畫(huà)的所有方法封裝到一個(gè)類里面
MyCAHelper.h
#import
#import
#define kCAHelperAlphaAnimation @"opacity"; ?// 淡入淡出動(dòng)畫(huà) #define kCAHelperScaleAnimation @"transform.scale";// 比例縮放動(dòng)畫(huà)
#define kCAHelperRotationAnimation @"transform.rotation";// 旋轉(zhuǎn)動(dòng)畫(huà)
#define kCAHelperPositionAnimation @"position"; // 平移位置動(dòng)畫(huà)
@interface MyCAHelper : NSObject
#pragma mark - 基本動(dòng)畫(huà)統(tǒng)一調(diào)用方法
+ (CABasicAnimation *)myBasicAnimationWithType:(NSString *)animationTypeduration:(CFTimeInterval)duration from:(NSValue *)from
to:(NSValue *)to
autoRevereses:(BOOL)autoRevereses;
#pragma mark - 關(guān)鍵幀動(dòng)畫(huà)方法
#pragma mark 搖晃動(dòng)畫(huà)
+ (CAKeyframeAnimation
*)myKeyShakeAnimationWithDuration:(CFTimeInterval)duration
angle:(CGFloat)angle
repeatCount:(CGFloat)repeatCount;
#pragma mark 貝塞爾路徑動(dòng)畫(huà)
+ (CAKeyframeAnimation *)myKeyPathAnimationWithDuration:(CFTimeInterval)durationpath:(UIBezierPath *)path;
#pragma mark 彈力仿真動(dòng)畫(huà)
+ (CAKeyframeAnimation *)myKeyBounceAnimationFrom:(CGPoint)from
to:(CGPoint)to
duration:(CFTimeInterval)duration;
@end
MyCAHelper.m
#import "MyCAHelper.h"
@implementation MyCAHelper
#pragma mark - 基本動(dòng)畫(huà)統(tǒng)一調(diào)用方法
+ (CABasicAnimation *)myBasicAnimationWithType:(NSString *)animationTypeduration:(CFTimeInterval)duration
from:(NSValue *)from
to:(NSValue *)to
autoRevereses:(BOOL)autoRevereses
{
// 1. 實(shí)例化一個(gè)CA動(dòng)畫(huà)對(duì)象
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:animationType];
// 2. 設(shè)置動(dòng)畫(huà)屬性
[anim setDuration:duration];
[anim setFromValue:from];
[anim setToValue:to];
[anim setAutoreverses:autoRevereses];
return anim;
}
#pragma mark - 關(guān)鍵幀動(dòng)畫(huà)方法
#pragma mark 搖晃動(dòng)畫(huà)
+ (CAKeyframeAnimation
*)myKeyShakeAnimationWithDuration:(CFTimeInterval)duration
angle:(CGFloat)angle
repeatCount:(CGFloat)repeatCount
{
// 1. 初始化動(dòng)畫(huà)對(duì)象實(shí)例
CAKeyframeAnimation *anim = [CAKeyframeAnimation
animationWithKeyPath:@"transform.rotation"];
// 2. 設(shè)置動(dòng)畫(huà)屬性
[anim setDuration:duration];
[anim setValues:@[@(angle), @(-angle), @(angle)]];
[anim setRepeatCount:repeatCount];
return anim;
}
#pragma mark 貝塞爾路徑動(dòng)畫(huà)
+ (CAKeyframeAnimation *)myKeyPathAnimationWithDuration:(CFTimeInterval)duration path:(UIBezierPath *)path
{
// 1. 初始化動(dòng)畫(huà)對(duì)象實(shí)例
CAKeyframeAnimation *anim = [CAKeyframeAnimation
animationWithKeyPath:@"position"];
// 2. 設(shè)置動(dòng)畫(huà)屬性
[anim setDuration:duration];
最近購(gòu)入了某米的一臺(tái)安卓機(jī)，使用了一段時(shí)間安卓系統(tǒng)后，發(fā)現(xiàn)iOS系統(tǒng)的動(dòng)畫(huà)效果還是很好的。好吧進(jìn)入正題
UIView Animation 實(shí)際上是對(duì) Core Animation(核心動(dòng)畫(huà)) 的封裝.使用UIView動(dòng)畫(huà)十分簡(jiǎn)單
UIViewAnimationOptions 動(dòng)畫(huà)效果枚舉
動(dòng)畫(huà)效果相關(guān)
時(shí)間函數(shù)曲線相關(guān)
轉(zhuǎn)場(chǎng)動(dòng)畫(huà)相關(guān)
增加關(guān)鍵幀的方法
UIViewKeyframeAnimationOptions 的枚舉值
關(guān)鍵幀動(dòng)畫(huà)栗子????
單個(gè)視圖的過(guò)渡效果
從舊視圖轉(zhuǎn)到新視圖的動(dòng)畫(huà)效果
fromView 會(huì)從父視圖中移除，并將toView 添加到父視圖中
iOS自帶的基本動(dòng)畫(huà)效果一般有三種：
1、UIView animation 動(dòng)畫(huà)。
2、UIImageView.images 形式的幀動(dòng)畫(huà)。
3、CoreAnimation的一些3D動(dòng)畫(huà)。
基本上2D的動(dòng)畫(huà)，用1和2單獨(dú)或疊加使用就會(huì)有很好的效果了，但對(duì)設(shè)計(jì)師的動(dòng)畫(huà)設(shè)計(jì)要求比較高。3D動(dòng)畫(huà)，3能實(shí)現(xiàn)的也有限，簡(jiǎn)單的翻轉(zhuǎn)一類的動(dòng)畫(huà)可用下，復(fù)雜的動(dòng)畫(huà)效果也不好用。
其它的3D/2D游戲引擎，如cocos2d，unity3d，等會(huì)有很多方便好用的動(dòng)畫(huà)實(shí)現(xiàn)方式，但不是iOS原生的了。
Html5實(shí)現(xiàn)的動(dòng)畫(huà)，與iOS系統(tǒng)關(guān)系就不大了，可以兼容多平臺(tái)。問(wèn)題中提到的MP4動(dòng)畫(huà)，那只能算視頻，不算動(dòng)畫(huà)。
可以參考我的一個(gè)作品：Dragon Hunter里面只使用了1和2兩種動(dòng)畫(huà)方式，但效果一點(diǎn)不差，主要是美院的視覺(jué)團(tuán)隊(duì)做得好。itunes 鏈接：
基于原則：
一、準(zhǔn)確展示：視頻Demo
二、操作體驗(yàn)：交互原型
基于這兩點(diǎn)，第一個(gè)選擇是Flash。
由于Apple的原因，F(xiàn)lash如今的境況可算是江河日下。但作為一個(gè)動(dòng)效原型工具，它卻有一些獨(dú)特的優(yōu)勢(shì)。
優(yōu)勢(shì)1：可以直接導(dǎo)入AE生成的序列幀素材。
優(yōu)勢(shì)2：可以導(dǎo)出.apk或.ipa的安裝包，共享給任何有手機(jī)的人。
三、協(xié)助開(kāi)發(fā)：參數(shù)文檔
根據(jù)實(shí)現(xiàn)原理，把對(duì)應(yīng)的參數(shù)精確的寫出來(lái)，這就是參數(shù)文檔。對(duì)于動(dòng)效來(lái)說(shuō)，基本參數(shù)無(wú)非這三類：
1、動(dòng)畫(huà)的起始時(shí)間、持續(xù)時(shí)間（duration\ offset）
2、變化的屬性（rotation\ position\ scale\ alpha）
3、運(yùn)動(dòng)速率（interpolator）
總結(jié)：
簡(jiǎn)單的說(shuō)，要想準(zhǔn)確傳達(dá)設(shè)計(jì)可以分三步。
第一步：要快速可視化。
第二步：最大限度的還原使用場(chǎng)景。
第三步：把設(shè)計(jì)參數(shù)化，盡可能減少讓工程師憑感覺(jué)開(kāi)發(fā)的情況。
CAAnimation：核心動(dòng)畫(huà)的基礎(chǔ)類，不能直接使用，負(fù)責(zé)動(dòng)畫(huà)運(yùn)行時(shí)間、速度的控制，本身實(shí)現(xiàn)了CAMediaTiming協(xié)議。
CAPropertyAnimation：屬性動(dòng)畫(huà)的基類（通過(guò)屬性進(jìn)行動(dòng)畫(huà)設(shè)置，注意是可動(dòng)畫(huà)屬性），不能直接使用。
CAAnimationGroup：動(dòng)畫(huà)組，動(dòng)畫(huà)組是一種組合模式設(shè)計(jì)，可以通過(guò)動(dòng)畫(huà)組來(lái)進(jìn)行所有動(dòng)畫(huà)行為的統(tǒng)一控制，組中所有動(dòng)畫(huà)效果可以并發(fā)執(zhí)行。
CATransition：轉(zhuǎn)場(chǎng)動(dòng)畫(huà)，主要通過(guò)濾鏡進(jìn)行動(dòng)畫(huà)效果設(shè)置。
CABasicAnimation：基礎(chǔ)動(dòng)畫(huà)，通過(guò)屬性修改進(jìn)行動(dòng)畫(huà)參數(shù)控制，只有初始狀態(tài)和結(jié)束狀態(tài)。
CAKeyframeAnimation：關(guān)鍵幀動(dòng)畫(huà)，同樣是通過(guò)屬性進(jìn)行動(dòng)畫(huà)參數(shù)控制，但是同基礎(chǔ)動(dòng)畫(huà)不同的是它可以有多個(gè)狀態(tài)控制。
基礎(chǔ)動(dòng)畫(huà)、關(guān)鍵幀動(dòng)畫(huà)都屬于屬性動(dòng)畫(huà)，就是通過(guò)修改屬性值產(chǎn)生動(dòng)畫(huà)效果，開(kāi)發(fā)人員只需要設(shè)置初始值和結(jié)束值，中間的過(guò)程動(dòng)畫(huà)（又叫“補(bǔ)間動(dòng)畫(huà)”）由系統(tǒng)自動(dòng)計(jì)算產(chǎn)生。和基礎(chǔ)動(dòng)畫(huà)不同的是關(guān)鍵幀動(dòng)畫(huà)可以設(shè)置多個(gè)屬性值，每?jī)蓚€(gè)屬性中間的補(bǔ)間動(dòng)畫(huà)由系統(tǒng)自動(dòng)完成，因此從這個(gè)角度而言基礎(chǔ)動(dòng)畫(huà)又可以看成是有兩個(gè)關(guān)鍵幀的關(guān)鍵幀動(dòng)畫(huà)。
**注意點(diǎn)** 如果fillMode=kCAFillModeForwards和removedOnComletion=NO，那么在動(dòng)畫(huà)執(zhí)行完畢后，圖層會(huì)保持顯示動(dòng)畫(huà)執(zhí)行后的狀態(tài)。但在實(shí)質(zhì)上，圖層的屬性值還是動(dòng)畫(huà)執(zhí)行前的初始值，并沒(méi)有真正被改變。
在實(shí)際項(xiàng)目中很多需求使用UIView動(dòng)畫(huà)或者基本動(dòng)畫(huà)就可以實(shí)現(xiàn)，比如下面比較常用的縮放和彈性動(dòng)畫(huà)效果
如果想實(shí)現(xiàn)更炫酷一點(diǎn)的動(dòng)畫(huà)，如雷達(dá)，波紋，咻一咻效果，時(shí)鐘，帶動(dòng)畫(huà)的指示器等就需要用到UIBezierPath和CAShapeLayer,CAReplicatorLayer等知識(shí)。
下面簡(jiǎn)單的說(shuō)一下CAShapeLayer和CAReplicatorLayer
//波紋，咻一咻，雷達(dá)效果
//利用UIBezierPath和CAShapeLayer實(shí)現(xiàn)不規(guī)則的圖形，并帶有動(dòng)畫(huà)效果，可以在折線圖中使用
-(void)myTest{
UIView *line=[[UIView alloc] initWithFrame:CGRectMake(0, 100, 400, 1)];
line.backgroundColor=[UIColor grayColor];
[self.view addSubview:line];
}
-(void)clickk:(UITapGestureRecognizer *)tap{
CGPoint point=[tap locationInView:_testView1];
if ([_path containsPoint:point]) {
NSLog(@"點(diǎn)擊不規(guī)則圖形");
}
}
重慶分公司
重慶分公司
