1.前言

2.實戰

準備工作：

我們添加了一個紅色的uiview圓和一個藍色的calyaer圓，給螢幕添加了點選事件。

    enum AniType: Int {
        case ViewCenterNone
        case ViewCenterAni
        case Block
        case Spring
        case LayerNone
        case CABasic
        case Display
        case Snap
        }

    var currentType:AniType? //當前動畫的型別，因為我們要用多種方式實現
    var circleView:UIView?  //UIView 紅色的圓 用於動畫
    var layer:CALayer? // CALayer 藍色的圓 用於動畫

    var dynamicAnimator:UIDynamicAnimator?

    override func viewDidLoad() {
        super.viewDidLoad
 
()
        currentType = .Snap
        dynamicAnimator = UIDynamicAnimator()
        addView()
        addLayer()
        addOptionsBtn()
        addTapGesture()
    }

    //新增 UIView 的圓
    func addView(){
        circleView = UIView(frame: CGRectMake(0,0,50,50))
        self.view.addSubview(circleView!)
        circleView!.backgroundColor
 
 = UIColor.redColor()
        circleView?.layer.cornerRadius = 25
        circleView?.center = CGPoint(x: 30,y: 60)
    }

    //新增 Layer 的圓
    func addLayer(){
        layer = CALayer()
        layer?.bounds = CGRectMake(0, 0, 50, 50)
        layer?.cornerRadius = 25
        layer?.position = CGPoint(x: 30
 
,y: 30)
        layer?.backgroundColor = UIColor.blueColor().CGColor
        self.view.layer.addSublayer(layer!)
    }

    //給主屏新增點選事件
    func addTapGesture(){
        let tap = UITapGestureRecognizer(target: self, action: "onTap:")
        tap.numberOfTapsRequired = 1
        tap.numberOfTouchesRequired = 1
        self.view.addGestureRecognizer(tap)
    }

    //根據動畫型別匹配動畫
    func onTap(tap:UITapGestureRecognizer){
        let local = tap.locationInView(self.view)
        switch(currentType!){
        case .ViewCenterNone:
            translationTypeViewCenterNone(local)
        case .ViewCenterAni:
            translationTypeViewCenterAni(local)
        case .Block:
            translationTypeBlock(local)
        case .Spring:
            translationTypeSpring(local)
        case .LayerNone:
            layerTypeNone(local)
        case .CABasic:
            layerTypeCABasic(local)
        case .Display:
            TypeDispaly(local)
        case .Snap:
            dynamicSnap(local)
        default:break
        }
    }
  func addOptionsBtn(){
        let btn = UIButton(frame: CGRectMake(0,0,100,60))
        btn.setTitle("動畫方式", forState: .Normal)
        btn.setTitleColor(UIColor.redColor(), forState: .Normal)
        btn.addTarget(self, action: "onClick", forControlEvents: .TouchUpInside)
        self.view.addSubview(btn)
        btn.center = CGPoint(x: UIScreen.mainScreen().bounds.width - 60 , y: UIScreen.mainScreen().bounds.width - 60)
    }

    func onClick(){
        showOptions()
    }

    //其他效果選項
    func showOptions(){
        let actionSheet = UIActionSheet()
        actionSheet.addButtonWithTitle("UIView無動畫")
        actionSheet.addButtonWithTitle("UIview有動畫")
        actionSheet.addButtonWithTitle("UIview.animate")
        actionSheet.addButtonWithTitle("彈簧動畫")
        actionSheet.addButtonWithTitle("Layer實現")
        actionSheet.addButtonWithTitle("CABasic")
        actionSheet.addButtonWithTitle("逐幀動畫")
        actionSheet.addButtonWithTitle("UIDynamicAnimator")
        actionSheet.delegate = self
        actionSheet.showInView(self.view)
    }


    func actionSheet(actionSheet: UIActionSheet, clickedButtonAtIndex buttonIndex: Int) {
        switch(buttonIndex){
        case 0:
            currentType = .ViewCenterNone
        case 1:
            currentType = .ViewCenterAni
        case 2:
            currentType = .Block
        case 3:
            currentType = .Spring
        case 4:
            currentType = .LayerNone
        case 5:
            currentType = .CABasic
        case 6:
            currentType = .Display
        case 7:
            currentType = .Snap
        default:
            break
        }
    }

1.直接改變UIView.center：

定義了一個ViewCenterNone型別，只改變UIview的center，可以看到紅色uiview移動但是沒有動畫效果。

func translationTypeViewCenterNone(local:CGPoint){
        self.circleView?.center = local
    }

2.直接改變UIView.center 加動畫效果：

定義了一個ViewCenterNone型別，只改變UIview的center，可以看到紅色uiview移動但是沒有動畫效果。

    //移動UIview 有動畫效果
    func translationTypeViewCenterAni(local:CGPoint){
        UIView.beginAnimations(nil, context: nil)
        UIView.setAnimationDuration(1.0)
        self.circleView?.center = local
        UIView.commitAnimations()
    }

2.animateWithDuration：

UIView的動畫封裝

    //UIView.animate 封裝的動畫
    func translationTypeBlock(local:CGPoint){
       UIView.animateWithDuration(1.0, animations: { () -> Void in
        self.circleView?.center = local
        }) { (finished) -> Void in
            print("finished")
        }
    }

4.animateWithDuration 彈簧效果：

UIView的動畫封裝 加兩個引數
①usingSpringWithDamping 阻尼係數 越小彈性越大
②initialSpringVelocity 初始速度 值越大速度越大

    //UIView Spring 彈簧動畫
    //usingSpringWithDamping 阻尼係數 越小彈性越大
    //initialSpringVelocity 初始速度
    func translationTypeSpring(local:CGPoint){
        UIView.animateWithDuration(5 , delay: 0, usingSpringWithDamping: 0.43, initialSpringVelocity: 5, options: .CurveEaseOut ,animations: { () -> Void in
            self.circleView?.center = local
            }) { (finished) -> Void in
                print("end")
        }
    }

5.直接改變layer的position：

通過改變layer的position可以改變位置，但是對於CALayer和UIVIew是有區別的。
①CAlyaer當改變position時，會有一個平滑過渡的動畫效果。因為它的屬性是隱式動畫的。也就是說會預設開啟動畫效果。
②UIview的layer改變position時卻沒有動畫效果。這是因為UIview的根Layer是不會產生動畫效果的。

    //通過layer改變位置
    func layerTypeNone(local:CGPoint){
        self.layer?.position = local  // 藍色的圓是有動畫效果的
        self.circleView?.layer.position = local //紅色的圓是沒有動畫效果的
    }

6.CABasicAnimation 改變layer的屬性：

    //CABasicAnimation 改變layer的屬性
    func layerTypeCABasic(local:CGPoint){
        let basicAni = CABasicAnimation(keyPath: "position") // 用position屬性 來表示是位移動畫
        basicAni.toValue = NSValue(CGPoint: local)
        basicAni.duration = 1.0//動畫時間5秒
        layer?.addAnimation(basicAni, forKey: "")
    }

7.CADisplayLink ：

CADisplayLink是ios中的逐幀動畫 重新整理頻率是60次/秒，和系統的螢幕重新整理頻率相同，所以看上去會比較流暢。當螢幕重新整理的時候會呼叫selector中的方法。

//建立CADisplayLink
    var displaylink:CADisplayLink?
    func TypeDispaly(local:CGPoint){
        displaylink = CADisplayLink(target: self, selector: "onDisplayLink")
        displaylink!.addToRunLoop(NSRunLoop.mainRunLoop(), forMode: NSDefaultRunLoopMode)
    }

    //向下移動
    func onDisplayLink(){
        circleView?.layer.position.y++
        if circleView?.layer.position.y == self.view.frame.height - 30{
            displaylink?.paused = true
        }
    }

8.UIDynamicAnimator ：

UIDynamicAnimator物理學相關的動畫方式。看起來會比較自然。

  //吸附動畫
    func dynamicSnap(local:CGPoint){
        let snapBehavior = UISnapBehavior(item: circleView!, snapToPoint: local)//吸附動畫 引數①要產生動畫的view②被吸附到點
        snapBehavior.damping = 0.9
        dynamicAnimator?.removeAllBehaviors()
        dynamicAnimator?.addBehavior(snapBehavior)//dynamicAnimator物理學動畫的執行者
    }

3.總結