iOS 10 帶來了一堆非常有意思的新特性,例如 UIViewPropertyAnimator吁峻。這是一個能夠改善動畫處理方式的新類盗尸。
它徹底改變了我們所習慣的工作流,為動畫邏輯添加了一個更為精細的控制手段澎怒。
<h1>來個例子
<h6>讓我們看看如何創(chuàng)建一個改變視圖中心的動畫。
let animator = UIViewPropertyAnimator(duration: 1.0, curve: .easeOut){
AView.center = finalPoint
}
animator.startAnimation()
這里至少有 3 點值得去關注:
- 動畫是通過一個閉包來定義的阶牍,這與 UIView 的動畫方法 “UIView.animation(duration:…)” 十分相似喷面。
- 方法返回了一個對象——animator。
- 動畫并不是立即執(zhí)行走孽,而是通過 startAnimation() 方法來觸發(fā)執(zhí)行惧辈。
<h1>動畫狀態(tài)
<h6>使用這種新方式來處理動畫的不同之處就是 animator 有完整的狀態(tài)機邏輯。通過 UIViewAnimation 協(xié)議磕瓷,控件可以用一種簡單明了的方式實現動畫狀態(tài)的管理盒齿,例如調用 startAnimation、 pauseAnimation 和 stopAnimation 函數困食。通過調用這些函數边翁,我們可以更新控件的狀態(tài),使得控件在 active硕盹、inactive 和 stopped 狀態(tài)之間轉換符匾。
當動畫開始或者暫停的時候,動畫狀態(tài)為 active莱睁, 當控件被創(chuàng)建出來且沒有開始執(zhí)行動畫或者已經執(zhí)行完動畫的時候待讳,它的狀態(tài)是 inactive。這里還是要聲明下 inactive 和 stopped 之間還是有一點區(qū)別的仰剿。當動畫執(zhí)行完畢或者使用 stop 命令暫停動畫后,控件的狀態(tài)變?yōu)?stopped痴晦,而在 animator 內部會調用 finishAnimation(at:) 來表明當前動畫完畢南吮, 然后會設置當前狀態(tài)為 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 創(chuàng)建一個完全自定義的曲線)
另外一個有趣的動畫選項是你可以向函數傳遞 dampingRatio 參數。這與 UIView 的動畫方法相似比勉,可以通過使用一個 0 到 1 的 damping 值來實現彈跳效果劳较。
let animator = UIViewPropertyAnimator(
duration: 1.0,
dampingRatio:0.4){
AView.center = CGPoint(x:0, y:0)
}
讓動畫延后執(zhí)行的操作也非常簡單,只需要在 startAnimation 函數中傳入 afterDelay 參數浩聋。
animator.startAnimation(afterDelay:2.5)
<h1>動畫 Block
<h6>UIViewPropertyAnimator 遵守了 UIViewImplicitlyAnimating 協(xié)議观蜗,這個協(xié)議賦予 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()
你也可以在已經執(zhí)行動畫的代碼里添加動畫 block坊夫, 這個 block 會立即執(zhí)行并使用剩下的時間作為其動畫時長砖第。
<h1>與動畫的交互
<h6>在前面的內容里已經說明了我們可以通過調用 startAnimation、stopAnimation 和 pauseAnimation 等方法實現動畫的循環(huán)环凿。默認的動畫循環(huán)可以通過 fractionComplete 屬性進行修改厂画。這個值表明了動畫的完成百分比,它的取值范圍在 0.0 到 1.0 之間拷邢。這樣就可以通過修改 fractionComplete 來讓循環(huán)達到預期效果(例如:用戶可能會通過 slider 或者 pan 手勢來實時改變參數值)
animator.fractionComplete = slider.value
在一些場景下袱院,你可能想在動畫執(zhí)行完畢后做一些操作,addCompletion 允許你添加一個在動畫執(zhí)行完畢后才會被觸發(fā)的 block瞭稼。
animator.addCompletion { (position) in
print("Animation completed")
}
position 參數是 UIViewAnimatingPosition 類型忽洛,它用于表明動畫結束的位置,這個值本身是一個枚舉环肘,包含了 starting欲虚、end 和 current。通常得到的值是 end悔雹。