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")
    }