iOS 10 帶來了一堆非常有意思的新特性，例如 UIViewPropertyAnimator。這是一個能夠改善動畫處理方式的新類。

它徹底改變了我們所習慣的工作流，為動畫邏輯添加了一個更為精細的控制手段。

<h1>來個例子
<h6>讓我們看看如何創建一個改變視圖中心的動畫。

let animator = UIViewPropertyAnimator(duration: 1.0, curve:                .easeOut){
AView.center = finalPoint
}
animator.startAnimation()

0.gif

這里至少有 3 點值得去關注：

• 動畫是通過一個閉包來定義的，這與 UIView 的動畫方法 “UIView.animation(duration:…)” 十分相似。
• 方法返回了一個對象——animator。
• 動畫并不是立即執行，而是通過 startAnimation() 方法來觸發執行。

<h1>動畫狀態
<h6>使用這種新方式來處理動畫的不同之處就是 animator 有完整的狀態機邏輯。通過 UIViewAnimation 協議，控件可以用一種簡單明了的方式實現動畫狀態的管理，例如調用 startAnimation、 pauseAnimation 和 stopAnimation 函數。通過調用這些函數，我們可以更新控件的狀態，使得控件在 active、inactive 和 stopped 狀態之間轉換。

當動畫開始或者暫停的時候，動畫狀態為 active， 當控件被創建出來且沒有開始執行動畫或者已經執行完動畫的時候，它的狀態是 inactive。這里還是要聲明下 inactive 和 stopped 之間還是有一點區別的。當動畫執行完畢或者使用 stop 命令暫停動畫后，控件的狀態變為 stopped，而在 animator 內部會調用 finishAnimation(at:) 來表明當前動畫完畢， 然后會設置當前狀態為 inactive，最后會調用 completion block.

<h1>動畫選項
<h6>在之前的例子中應該注意到了，在動畫的 block 中，我們定義了兩個參數：動畫的 duration 和動畫的 curve， 一個 UIViewAnimationCurve 能夠表示大部分的常見動畫曲線類型（ easeIn, easeOut, liner 或者 easeInOut ）。

當你需要對動畫曲線做更多的設置時，你可以通過兩個控制點來定義一個貝塞爾曲線

let animator = UIViewPropertyAnimator(
           duration: 1.0, 
           point1: CGPoint(0.1,0.5), 
           point2: CGPoint(0.5, 0.2){

    AView.alpha = 0.0
}

(如果貝塞爾曲線也不能滿足需求的話，可以使用 UITimingCurveProvider 創建一個完全自定義的曲線)

另外一個有趣的動畫選項是你可以向函數傳遞 dampingRatio 參數。這與 UIView 的動畫方法相似，可以通過使用一個 0 到 1 的 damping 值來實現彈跳效果。

let animator = UIViewPropertyAnimator(
           duration: 1.0,
           dampingRatio:0.4){

    AView.center = CGPoint(x:0, y:0)
}

0 (1).gif

讓動畫延后執行的操作也非常簡單，只需要在 startAnimation 函數中傳入 afterDelay 參數。

animator.startAnimation(afterDelay:2.5)

<h1>動畫 Block
<h6>UIViewPropertyAnimator 遵守了 UIViewImplicitlyAnimating 協議，這個協議賦予 UIViewPropertyAnimator 許多有趣的特性。舉個例子，除了在初始化期間指定的第一個動畫 block 外，還可以指定多個動畫 block。

// Initialization
let animator = UIViewPropertyAnimator(duration: 2.0, curve: .easeOut){
    AView.alpha = 0.0
}
// Another animation block
 animator.addAnimation{ 
    Aview.center = aNewPosition
}
animator.startAnimation()

0 (2).gif

你也可以在已經執行動畫的代碼里添加動畫 block， 這個 block 會立即執行并使用剩下的時間作為其動畫時長。

<h1>與動畫的交互
<h6>在前面的內容里已經說明了我們可以通過調用 startAnimation、stopAnimation 和 pauseAnimation 等方法實現動畫的循環。默認的動畫循環可以通過 fractionComplete 屬性進行修改。這個值表明了動畫的完成百分比，它的取值范圍在 0.0 到 1.0 之間。這樣就可以通過修改 fractionComplete 來讓循環達到預期效果（例如：用戶可能會通過 slider 或者 pan 手勢來實時改變參數值）

animator.fractionComplete = slider.value

在一些場景下，你可能想在動畫執行完畢后做一些操作，addCompletion 允許你添加一個在動畫執行完畢后才會被觸發的 block。

animator.addCompletion { (position) in
    print("Animation completed")
}

position 參數是 UIViewAnimatingPosition 類型，它用于表明動畫結束的位置，這個值本身是一個枚舉，包含了 starting、end 和 current。通常得到的值是 end。