前言
最近因為工作的需要,打算用swift/172288.html">swift/238953.html">swift重構現有項目,實現過程中發現用到了很多系統的動畫實現,因為之前的都是用OC實現的,這里主要是把一些動畫效果來通過swift實現一下。
這篇文章主要是實現一下CATransition動畫的不同效果。
第一步 創建一個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 //隨機}
上面三個枚舉類型分別代表:
第二步 自定義函數返回動畫類型
/// 返回動畫類型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}
第三步 自定義函數返回動畫方向
/// 返回動畫方向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}
第四步 自定義函數返回動畫曲線
/// 返回動畫曲線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}
第五步 不難發現,上面三個自定義方法中我們都用到了objectFromDataSource這個方法,從我們的傳參不難發現,它就是為了返回我們需要的指定數據的,下面我們來實現一下這個方法
/// 統一從數據返回對象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}
第六步 好了,現在所有的準備工作已經做好,接下來我們來看一下具體的動畫實現的方法
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)/// 緩動函數transition.timingFunction = CAMediaTimingFunction(name: animationCurve(curve: curve))/// 完成動畫刪除transition.isRemovedOnCompletion = truelayer.add(transition, forKey: key)}
大功告成!接下來我們去需要使用動畫的地方來調取我們第六步實現的方法就好了。so easy !哈哈
layerTransition(animTye: .ramdom, subType: .ramdom, curve: .Ramdom, duration: 2.0, layer: (self.view.window?.layer)!)
是不是感覺很簡單呢,上面的代碼組合一下就可以直接用嘍,有需要的拿走不謝~~
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對VEVB武林網的支持。
新聞熱點
疑難解答