利用Swift实现各类的CATransition动画详解

 更新时间:2017年09月18日 11:51:25   作者:laona  
CATransition动画主要在过渡时使用,比如两个页面层级改变的时候添加一个转场效果。CATransition分为两类,一类是公开的动画效果,一类是非公开的动画效果。这篇文章主要给大家介绍了关于如何利用Swift实现各类CATransition动画的相关资料,需要的朋友可以参考下。

前言

最近因为工作的需要,打算用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      //随机
}

上面三个枚举类型分别代表:

  • TransitionAnimType:动画类型
  • TransitionSubType:动画方向
  • TransitionCurve:动画曲线

第二步 自定义函数返回动画类型

/// 返回动画类型
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 = true

layer.add(transition, forKey: key)

}

大功告成!接下来我们去需要使用动画的地方来调取我们第六步实现的方法就好了。so easy !哈哈

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

是不是感觉很简单呢,上面的代码组合一下就可以直接用喽,有需要的拿走不谢~~

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • Swift实现监听键盘通知及一些处理详解

    Swift实现监听键盘通知及一些处理详解

    这篇文章主要给大家介绍了关于Swift实现监听键盘通知及一些处理的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-01-01
  • 10个惊艳的Swift单行代码

    10个惊艳的Swift单行代码

    这篇文章主要为大家分享了10个惊艳的Swift单行代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Swift免费短信验证码实现及动态倒计时功能

    Swift免费短信验证码实现及动态倒计时功能

    这篇文章主要介绍了Swift免费短信验证码实现及动态倒计时功能的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • Swift Error重构的基础示例详解

    Swift Error重构的基础示例详解

    这篇文章主要为大家介绍了Swift Error基础错误处理的方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • Swift data范围截取问题解决方案

    Swift data范围截取问题解决方案

    这篇文章主要介绍了Swift data范围截取问题解决方案,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • 为什么switch里的case没有break不行

    为什么switch里的case没有break不行

    很多朋友纠结为什么为什么switch里的case没有break不行呢?break这么重要么,今天小编就给大家普及下这方便的知识,感兴趣的朋友一起看看吧
    2021-06-06
  • Swift利用AFN实现封装网络请求详解

    Swift利用AFN实现封装网络请求详解

    网络请求工具是我们经常用到的工具类,所以下面这篇文章主要给大家介绍了关于Swift利用AFN如何实现封装网络请求的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-10-10
  • Swift中的可变参数函数介绍

    Swift中的可变参数函数介绍

    这篇文章主要介绍了Swift中的可变参数函数介绍,本文实现了和Objective-C调用方法一样的变参数函数,需要的朋友可以参考下
    2015-01-01
  • Swift条件判断中逗号的使用方法示例

    Swift条件判断中逗号的使用方法示例

    判断语句是我们日常开发经常会遇到的一个功能,下面这篇文章主要给大家介绍了关于Swift条件判断中逗号的使用方法,文中给出了详细的示例代码供大家参考学习,需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • Swift 4.0中如何引用3.0的第三方库

    Swift 4.0中如何引用3.0的第三方库

    这篇文章主要给大家介绍了关于在Swift 4.0中如何引用3.0第三方库的相关资料,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-01-01

最新评论