iOS-動畫(CAAnimation)整理學(xué)習(xí)

先來一張網(wǎng)絡(luò)上的結(jié)構(gòu)圖,清楚包含哪些東西倒庵,以免遺漏

結(jié)構(gòu)圖.png

一 CAAnimation

1.屬性及方法介紹

+ (instancetype)animation;  //創(chuàng)建一個動畫的類方法,所有子類均可用此方法
+ (nullable id)defaultValueForKey:(NSString *)key;  //代學(xué)習(xí)
- (BOOL)shouldArchiveValueForKey:(NSString *)key; //代學(xué)習(xí)
@property(nullable, strong) CAMediaTimingFunction *timingFunction;  //控制動畫速度
/*
  NSString * const kCAMediaTimingFunctionLinear    //勻速
 NSString * const kCAMediaTimingFunctionEaseIn    //先加速突然停止
 NSString * const kCAMediaTimingFunctionEaseOut   //先快速然后減速
 NSString * const kCAMediaTimingFunctionEaseInEaseOut  //加速在減速
 NSString * const kCAMediaTimingFunctionDefault    //默認(rèn)  跟out很像
*/
@property(nullable, strong) id <CAAnimationDelegate> delegate;  //遵循協(xié)議可以在動畫開始和結(jié)束時搞一些事情炫刷。擎宝。。
@property(getter=isRemovedOnCompletion) BOOL removedOnCompletion;  //在動畫結(jié)束時浑玛,(默認(rèn)YES绍申,為了防止內(nèi)存泄露)

二 CAPropertyAnimation

1.屬性及方法介紹

+ (instancetype)animationWithKeyPath:(nullable NSString *)path;   //創(chuàng)建的類方法,path一個關(guān)鍵路徑顾彰,而不僅僅是一個屬性极阅,甚至是一些虛擬的屬性
@property(nullable, copy) NSString *keyPath;   //當(dāng)使用父類的類構(gòu)造方法是,設(shè)置動畫屬性
@property(getter=isAdditive) BOOL additive;    //從呈現(xiàn)層當(dāng)前位置繼續(xù)動畫
@property(getter=isCumulative) BOOL cumulative;  //當(dāng)重復(fù)動畫時設(shè)置
@property(nullable, strong) CAValueFunction *valueFunction;   //動畫值涨享,很少用到手動設(shè)置

三 CABasicAnimation

1.屬性及方法介紹

@property(nullable, strong) id fromValue;   //從什么值開始
@property(nullable, strong) id toValue;       //到什么值開始
@property(nullable, strong) id byValue;      //從當(dāng)前位置加上值

四 CAKeyframeAnimation

1.屬性及方法介紹

@property(nullable, copy) NSArray *values;   //一組值筋搏,用于動畫幀
@property(nullable) CGPathRef path;    //可以按照特定路徑,不必給出每一幀數(shù)據(jù)
@property(nullable, copy) NSArray<NSNumber *> *keyTimes;  //當(dāng)給出幀時控制每一幀的時間點
@property(nullable, copy) NSArray<CAMediaTimingFunction *> *timingFunctions;  對應(yīng)每一幀動畫的速度模式厕隧,同上
@property(copy) NSString *calculationMode;  
kCAAnimationLinear calculationMode的默認(rèn)值,表示當(dāng)關(guān)鍵幀為座標(biāo)點的時候,關(guān)鍵幀之間直接直線相連進(jìn)行插值計算;
kCAAnimationDiscrete 離散的,就是不進(jìn)行插值計算,所有關(guān)鍵幀直接逐個進(jìn)行顯示; 
kCAAnimationPaced 使得動畫均勻進(jìn)行,而不是按keyTimes設(shè)置的或者按關(guān)鍵幀平分時間,此時keyTimes和timingFunctions無效;
kCAAnimationCubic** 對關(guān)鍵幀為座標(biāo)點的關(guān)鍵幀進(jìn)行圓滑曲線相連后插值計算,對于曲線的形狀還可以通過tensionValues,continuityValues,biasValues來進(jìn)行調(diào)整自定義,這里的數(shù)學(xué)原理是[Kochanek–Bartels spline](http://en.wikipedia.org/wiki/Kochanek-Bartels_spline),這里的主要目的是使得運(yùn)行的軌跡變得圓滑;
kCAAnimationCubicPaced 看這個名字就知道和kCAAnimationCubic有一定聯(lián)系,其實就是在kCAAnimationCubic的基礎(chǔ)上使得動畫運(yùn)行變得均勻,就是系統(tǒng)時間內(nèi)運(yùn)動的距離相同,此時keyTimes以及timingFunctions也是無效的.

@property(nullable, copy) NSString *rotationMode;
kCAAnimationRotateAuto  //動畫模型跟隨路徑切線方向
kCAAnimationRotateAutoReverse  //好像是會自動回放(待測)

五 CASpringAnimation

1.屬性及方法介紹

@property CGFloat mass;  //質(zhì)量奔脐,影響圖層運(yùn)動時的彈簧慣性,質(zhì)量越大吁讨,彈簧拉伸和壓縮的幅度越大
@property CGFloat stiffness;  //剛度系數(shù)(勁度系數(shù)/彈性系數(shù))髓迎,剛度系數(shù)越大,形變產(chǎn)生的力就越大挡爵,運(yùn)動越快
@property CGFloat damping;  //阻尼系數(shù)竖般,阻止彈簧伸縮的系數(shù),阻尼系數(shù)越大茶鹃,停止越快
@property CGFloat initialVelocity;  //初始速率涣雕,動畫視圖的初始速度大小
速率為正數(shù)時艰亮,速度方向與運(yùn)動方向一致,速率為負(fù)數(shù)時挣郭,速度方向與運(yùn)動方向相反
@property(readonly) CFTimeInterval settlingDuration;  //結(jié)算時間 返回彈簧動畫到停止時的估算時間迄埃,根據(jù)當(dāng)前的動畫參數(shù)估算
通常彈簧動畫的時間使用結(jié)算時間比較準(zhǔn)確

六 CATransition(轉(zhuǎn)場動畫)

1.屬性及方法介紹

@property(copy) NSString *type;  
kCATransitionFade 交叉淡化過渡
kCATransitionMoveIn 新視圖移到舊視圖上面
kCATransitionPush 新視圖把舊視圖推出去
kCATransitionReveal 將舊視圖移開,顯示下面的新視圖
pageCurl 向上翻一頁
pageUnCurl 向下翻一頁
rippleEffect 滴水效果
suckEffect 收縮效果,如一塊布被抽走
cube 立方體效果
oglFlip 上下翻轉(zhuǎn)效果
@property(nullable, copy) NSString *subtype;   //動畫的方向
kCATransitionFromRight
kCATransitionFromLeft
kCATransitionFromTop
kCATransitionFromBottom

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末兑障,一起剝皮案震驚了整個濱河市侄非,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌流译,老刑警劉巖逞怨,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異福澡,居然都是意外死亡叠赦,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門革砸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來除秀,“玉大人,你說我怎么就攤上這事算利〔岵龋” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵效拭,是天一觀的道長暂吉。 經(jīng)常有香客問我,道長允耿,這世上最難降的妖魔是什么借笙? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮较锡,結(jié)果婚禮上络它,老公的妹妹穿的比我還像新娘氓奈。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布区匣。 她就那樣靜靜地躺著焊虏,像睡著了一般措左。 火紅的嫁衣襯著肌膚如雪赴肚。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天鸟整,我揣著相機(jī)與錄音引镊,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛弟头,可吹牛的內(nèi)容都是我干的吩抓。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼赴恨,長吁一口氣:“原來是場噩夢啊……” “哼疹娶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起伦连,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤雨饺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后惑淳,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體额港,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年汛聚,在試婚紗的時候發(fā)現(xiàn)自己被綠了锹安。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡倚舀,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出忍宋,到底是詐尸還是另有隱情痕貌,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布糠排,位于F島的核電站舵稠,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏入宦。R本人自食惡果不足惜哺徊,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望乾闰。 院中可真熱鬧落追,春花似錦、人聲如沸涯肩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽病苗。三九已至疗垛,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間硫朦,已是汗流浹背贷腕。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人泽裳。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓芽世,卻偏偏與公主長得像,于是被迫代替她去往敵國和親诡壁。 傳聞我的和親對象是個殘疾皇子济瓢,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容

  • 先看看CAAnimation動畫的繼承結(jié)構(gòu) CAAnimation{ CAPropertyAnimation { ...
    時間不會倒著走閱讀 1,638評論 0 1
  • 在iOS實際開發(fā)中常用的動畫無非是以下四種:UIView動畫,核心動畫妹卿,幀動畫旺矾,自定義轉(zhuǎn)場動畫。 1.UIView...
    請叫我周小帥閱讀 3,078評論 1 23
  • 如果想讓事情變得順利夺克,只有靠自己--夏爾·紀(jì)堯姆 上一章介紹了隱式動畫的概念箕宙。隱式動畫是在iOS平臺創(chuàng)建動態(tài)用戶界...
    夜空下最亮的亮點閱讀 1,925評論 0 1
  • 最近在做iOS界面轉(zhuǎn)場的動畫,寫完轉(zhuǎn)場入口后基本元素還是回歸到我們常用的基本動畫代碼铺纽,有關(guān)動畫的帖子網(wǎng)絡(luò)上一搜一大...
    大雄記閱讀 5,453評論 0 18
  • Core Animation是直接作用在CALayer上的(并非UIView上)非常強(qiáng)大的跨Mac OS X和iO...
    陽明先生_x閱讀 1,242評論 0 8