iOS CATransition動畫 實現(xiàn)水波等效果

CATransition類繼承于CAAnimation類,提供多種過渡的效果,使用很簡單

先看幾個效果


cube
rippleEffect
suckEffect

開始使用

為imageView的layer創(chuàng)建CATransition動畫

CATransition *transition = [CATransition animation];
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
transition.duration = 1.0f;
transition.type = @"cube"; // 指定動畫類型
transition.subtype = @"fromLeft"; // 指定過渡方向
// 設(shè)置開始和結(jié)束的進度,范圍都是0.0-1.0
transition.startProgress = 0.0f;
transition.endProgress = 1.0f;
[_imageView.layer addAnimation:transition forKey:@"隨便寫"];

動畫類型:

fade                   //交叉淡化過渡(不支持過渡方向)
push                   //新視圖把舊視圖推出去
moveIn                 //新視圖移到舊視圖上面
reveal                 //將舊視圖移開,顯示下面的新視圖
cube                   //立方體翻滾效果
oglFlip                //上下左右翻轉(zhuǎn)效果
suckEffect             //收縮效果,向布被抽走(不支持過渡方向)
rippleEffect           //水波效果(不支持過渡方向)
pageCurl               //向上翻頁效果
pageUnCurl             //向下翻頁效果
cameraIrisHollowOpen   //相機鏡頭打開效果(不支持過渡方向)
cameraIrisHollowClose  //相機鏡頭關(guān)上效果(不支持過渡方向)

過渡方向

fromLeft
fromRight
fromTop
fromBottom
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,698評論 6 30
  • 顯式動畫 顯式動畫,它能夠?qū)σ恍傩宰鲋付ǖ淖远x動畫,或者創(chuàng)建非線性動畫,比如沿著任意一條曲線移動。 屬性動畫 ...
    清風(fēng)沐沐閱讀 2,103評論 1 5
  • 本文轉(zhuǎn)載自:http://www.cocoachina.com/ios/20150105/10812.html 為...
    idiot_lin閱讀 1,396評論 0 1
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌。在這里你可以看...
    F麥子閱讀 5,273評論 5 13
  • 在iOS實際開發(fā)中常用的動畫無非是以下四種:UIView動畫,核心動畫,幀動畫,自定義轉(zhuǎn)場動畫。 1.UIView...
    請叫我周小帥閱讀 3,334評論 1 23

友情鏈接更多精彩內(nèi)容