利用Swift實現(xiàn)各類的CATransition動畫詳解

更新時間：2017年09月18日 11:51:25 作者：laona

CATransition動畫主要在過渡時使用，比如兩個頁面層級改變的時候添加一個轉場效果。CATransition分為兩類，一類是公開的動畫效果，一類是非公開的動畫效果。這篇文章主要給大家介紹了關于如何利用Swift實現(xiàn)各類CATransition動畫的相關資料，需要的朋友可以參考下。

前言

最近因為工作的需要，打算用swift重構現(xiàn)有項目，實現(xiàn)過程中發(fā)現(xiàn)用到了很多系統(tǒng)的動畫實現(xiàn)，因為之前的都是用OC實現(xiàn)的，這里主要是把一些動畫效果來通過swift實現(xiàn)一下。

這篇文章主要是實現(xiàn)一下CATransition動畫的不同效果。

第一步創(chuàng)建一個swift文件并聲明相應的枚舉類型

enum TransitionAnimType : Int {
case fade = 0,    //淡入淡出
push,      //推擠
reveal,      //揭開
moveIn,      //覆蓋
cube,      //立方體
suckEffect,     //吮吸
oglFlip,     //翻轉
rippleEffect,    //波紋
pageCurl,     //翻頁
pageUnCurl,     //反翻頁
cameraIrisHollowOpen,  //開鏡頭
cameraIrisHollowClose,  //關鏡頭
curlDown,     //下翻頁
curlUp,      //上翻頁
flipFromLeft,    //左翻轉
flipFromRight,    //右翻轉
ramdom      //隨機
}

enum TransitionSubType : Int {
case top = 0,    //上
left,      //左
bottom,      //下
right,      //右
ramdom      //隨機
}

enum TransitionCurve : Int {
case Default = 0,   //默認
EaseIn,      //緩進
EaseOut,     //緩出
EaseInEaseOut,    //緩進緩出
Linear,      //線性
Ramdom      //隨機
}

上面三個枚舉類型分別代表：

TransitionAnimType：動畫類型
TransitionSubType：動畫方向
TransitionCurve：動畫曲線

第二步自定義函數(shù)返回動畫類型

/// 返回動畫類型
private func animationType(animType: TransitionAnimType) -> String {
 /// 設置轉場動畫類型
 let animTypeArray = ["fade", "push", "reveal", "moveIn", "cube", "suckEffect", "oglFlip", "rippleEffect", "pageCurl", "pageUnCurl", "cameraIrisHollowOpen", "cameraIrisHollowClose", "curlDown", "curlUp", "flipFromLeft", "flipFromRight", "ramdom"]
 return objectFromDataSource(array: animTypeArray, index: animType.rawValue, isRamdom: (TransitionAnimType.ramdom == animType)) as! String
}

第三步自定義函數(shù)返回動畫方向

/// 返回動畫方向
private func animationSubType(subType: TransitionSubType) -> String {
 let animSubTypeArray = [kCATransitionFromTop, kCATransitionFromLeft, kCATransitionFromBottom, kCATransitionFromRight]
 return objectFromDataSource(array: animSubTypeArray, index: subType.rawValue, isRamdom: (TransitionSubType.ramdom == subType)) as! String
}

第四步自定義函數(shù)返回動畫曲線

/// 返回動畫曲線
private func animationCurve(curve: TransitionCurve) -> String {
 let animCurveArray = [kCAMediaTimingFunctionDefault, kCAMediaTimingFunctionEaseIn, kCAMediaTimingFunctionEaseOut, kCAMediaTimingFunctionEaseInEaseOut, kCAMediaTimingFunctionLinear]
 return objectFromDataSource(array: animCurveArray, index: curve.rawValue, isRamdom: (TransitionCurve.Ramdom == curve)) as! String
}

第五步不難發(fā)現(xiàn)，上面三個自定義方法中我們都用到了objectFromDataSource這個方法，從我們的傳參不難發(fā)現(xiàn)，它就是為了返回我們需要的指定數(shù)據(jù)的，下面我們來實現(xiàn)一下這個方法

/// 統(tǒng)一從數(shù)據(jù)返回對象
private func objectFromDataSource(array: Array<Any>, index: Int, isRamdom: Bool) -> AnyObject {
 let count = array.count
 let i = isRamdom ? Int(arc4random_uniform(UInt32(count))) : index

 return array[i] as AnyObject
}

第六步好了，現(xiàn)在所有的準備工作已經(jīng)做好，接下來我們來看一下具體的動畫實現(xiàn)的方法

func layerTransition(animTye: TransitionAnimType, subType: TransitionSubType, curve: TransitionCurve, duration: CGFloat, layer: CALayer) {
let key = "transition"
if layer.animation(forKey: key) != nil {
 layer.removeAnimation(forKey: key)
}
let transition = CATransition()

/// 動畫時長
transition.duration = CFTimeInterval(duration)

/// 動畫類型
transition.type = animationType(animType: animTye)

/// 動畫方向
transition.subtype = animationSubType(subType: subType)

/// 緩動函數(shù)
transition.timingFunction = CAMediaTimingFunction(name: animationCurve(curve: curve))

/// 完成動畫刪除
transition.isRemovedOnCompletion = true

layer.add(transition, forKey: key)

}

大功告成！接下來我們去需要使用動畫的地方來調取我們第六步實現(xiàn)的方法就好了。so easy ！哈哈

layerTransition(animTye: .ramdom, subType: .ramdom, curve: .Ramdom, duration: 2.0, layer: (self.view.window?.layer)!)

是不是感覺很簡單呢，上面的代碼組合一下就可以直接用嘍，有需要的拿走不謝～～

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

利用Swift實現(xiàn)各類的CATransition動畫詳解

相關文章

最新評論

大家感興趣的內容

最近更新的內容

常用在線小工具