ios中的动画

今天好好整理下ios中用到的动画

首先是UIViewAnimation动画

首先是最传统的方法 也是苹果建议的方法

UIView.animateWithDuration(2.0, delay: 0.0, options:[UIViewAnimationOptions.CurveEaseIn,UIViewAnimationOptions.Repeat], animations: { () -> Void in
self.firstView?.frame.origin.x += 100
}, completion: nil)

begin和commit的方法

func beginCommit() {
//开始动画
UIView.beginAnimations("animate", context: nil)
//设置动画的一些参数
UIView.setAnimationDuration(2.0)
UIView.setAnimationRepeatAutoreverses(true)
//设置代理
UIView.setAnimationDelegate(self)
self.firstView?.frame.origin.x += 100
//代理的两个函数
UIView.setAnimationWillStartSelector("animationDidStart:")
UIView.setAnimationDidStopSelector("animationDidStop:")
//结束动画
UIView.commitAnimations()
}
override func animationDidStart(anim: CAAnimation) {
print("1")
}
override func animationDidStop(anim: CAAnimation, finished flag: Bool) {
print("2")
}

内嵌nest的方法 默认继承外部的option和duration 不过可以改变 重写即可

UIView.animateWithDuration(2.0, delay: 0.0, options:[UIViewAnimationOptions.CurveEaseIn,UIViewAnimationOptions.Repeat], animations: { () -> Void in
self.firstView?.frame.origin.x += 100
UIView.animateWithDuration(3.0, delay: 0.0, options: [UIViewAnimationOptions.OverrideInheritedDuration,UIViewAnimationOptions.OverrideInheritedCurve,UIViewAnimationOptions.CurveEaseIn], animations: { () -> Void in
self.secondView?.frame.origin.x += 100
}, completion: nil)
}, completion: nil)

替换view和转场View

//代替view
func replaceView() {
let view1 = UIView(frame: CGRectMake(89,90,500,500))
view.backgroundColor = UIColor.greenColor()
//代替上面的View 防止动画发生在层上面 用allowContent
UIView.transitionFromView(self.secondView!, toView: view1, duration: 2.0, options: [UIViewAnimationOptions.AllowAnimatedContent,UIViewAnimationOptions.CurveEaseOut], completion: nil)    }
}

UIView.transitionWithView(<#T##view: UIView##UIView#>, duration: <#T##NSTimeInterval#>, options: <#T##UIViewAnimationOptions#>, animations: <#T##(() -> Void)?##(() -> Void)?##() -> Void#>, completion: <#T##((Bool) -> Void)?##((Bool) -> Void)?##(Bool) -> Void#>)

隐式动画 显示动画 和关键帧动画都是发生在层上面的，层就是这里动画的主角 每一个View都有一个层， 也可以自己手动创建层 可以说view是来处理事件的，比如触摸，而层是用来显示图片的

//创建layer
var layer = CALayer()
//根layer也就是view的layer
self.view.layer
layer.backgroundColor = UIColor.magentaColor().CGColor
//layer的frame
layer.frame = CGRectMake(100, 100, 100, 100)
layer.shadowOffset = CGSize(width: 5.0, height: 5.0)
//阴影的透明度
layer.shadowOpacity = 5.0
self.view.layer.addSublayer(layer)

直接控制层的一些属性而产生的动画 为隐式动画 例如

self.layer.position.x += 100

显示动画是用core animation创建的 是人为可以控制的 我们要提供这个动画设置的对象是谁 还有这个对象的初始值 和结束值 还有中间 加的值 还有动画的执行时间等 最后把他交给要执行的动画的层 即可

func basicAnimate() {
//这里是设置哪个path 是定死的 具体可查表
let basic = CABasicAnimation(keyPath: "tranform.scale")
//设定动画的内容  初始值 最终值 加的值
basic.fromValue = 1.0
basic.toValue = 2.0
basic.byValue = 0.2
//设置时间
basic.duration = 3.0
//设置循环 还要回去
basic.autoreverses = true
//设置循环的次数 因为是浮点数 所以赋值最大的浮点数
basic.repeatCount = MAXFLOAT
//设置动画的交代对象 还有标示这个动画
mainView.layer.addAnimation(basic, forKey: "key")
}

关键帧动画 设定每一帧的位置 比如 随后可以设定每一帧之间执行的时间速度和长短等

func keyFrame() {
//用关键帧动画
let layer = self.image?.layer
let keyAnimate = CAKeyframeAnimation(keyPath: "position")
//设置每一帧
let pos = layer?.position
let value0 = NSValue(CGPoint: pos!)
let value1 = NSValue(CGPoint: CGPointMake((pos?.x)!, pos!.y + 200))
let value2 = NSValue(CGPoint: CGPointMake((pos?.x)! - 200, pos!.y + 200))
let value3 = NSValue(CGPoint: CGPointMake((pos?.x)! - 200, pos!.y))
//回到最终值
let value4 = NSValue(CGPoint: CGPointMake((pos?.x)!, pos!.y ))
keyAnimate.values = [value0,value1,value2,value3,value4]
//设置每一帧动画间执行速度的快慢
let tf0 = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseIn)
let tf1 = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
let tf2 = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)
let tf3 = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
//let tf4 = CAMediaTimingFunction(name: kCAMediaTimingFunctionDefault)

keyAnimate.timingFunctions = [tf0,tf1,tf2,tf3]
//设置每一帧之间的时间 在每一帧停留的时间
keyAnimate.duration = 12
keyAnimate.autoreverses = false
keyAnimate.keyTimes = [0.5,1.0,2.0,3.0,1.0]
self.image?.layer.addAnimation(keyAnimate, forKey: "animate")
}