好了，又給大家?guī)?lái)常用的動(dòng)畫，本期的主題是轉(zhuǎn)場(chǎng)動(dòng)畫。下面來(lái)看
效果圖：
介紹：
上圖中的動(dòng)畫效果在開發(fā)中很常見(jiàn)，例如版本更新的彈窗，退出界面的提醒彈窗等，因此將它們封裝成彈窗工具類。大家可以下載使用，使用起來(lái)也非常簡(jiǎn)單～
git地址：
https://github.com/DragonTnT/LFTransitionViewController.git
使用方法：
步驟1: 把以上4個(gè)文件拖入工程中；
步驟2: 創(chuàng)建一個(gè)繼承自 LFTransitionViewController 的控制器，并為它添加你想要彈出的彈窗
fileprivate let kScreenH: CGFloat = UIScreen.main.bounds.height //屏幕高度
fileprivate let kScreennW: CGFloat = UIScreen.main.bounds.width //屏幕寬度
fileprivate let kUpdateViewH: CGFloat = 397 //彈窗高度
fileprivate let kUpdateViewW: CGFloat = 330 //彈窗寬度
import UIKit
class TestViewController: LFTransitionViewController {
override func viewDidLoad() {
super.viewDidLoad()
view.addSubview(updateView)
updateView.closeClosure = { [weak self] in
self?.dismiss(animated: true, completion: nil) //點(diǎn)擊關(guān)閉，關(guān)掉彈窗
}
}
//自定義的彈窗，并設(shè)定它的 frame
lazy var updateView: UpdateView = {
let view = Bundle.main.loadNibNamed(UpdateView.name, owner: nil, options: nil)?.first as! UpdateView
view.frame = CGRect(x: (kScreennW - kUpdateViewW)/2, y: (kScreenH - kUpdateViewH)/2, width: kUpdateViewW, height: kUpdateViewH)
return view
}()
}
步驟3: 創(chuàng)建彈窗控制器，并在參數(shù)中選擇需要的效果，將彈窗控制器彈出
let vc = TestViewController(transitionStyle: .scaleChange) //為transitionStyle選擇想要的效果
present(vc, animated: true, completion: nil)
就這么簡(jiǎn)單，來(lái)試試吧。(^ ^)
內(nèi)容分析：
（為節(jié)省篇幅只截取部分代碼，如需要使用請(qǐng)拉取demo中的代碼）
1.首先來(lái)看 LFTransitionViewController
本文中的動(dòng)畫都是基于控制器的轉(zhuǎn)場(chǎng)動(dòng)畫，因此它是需要實(shí)現(xiàn)UIViewControllerTransitioningDelegate這個(gè)關(guān)鍵代理的(具體實(shí)現(xiàn)在代碼里)。
同時(shí)重寫init方法，將transitionStyle這個(gè)參數(shù)設(shè)為必傳參數(shù)，以此來(lái)選擇動(dòng)畫效果
//動(dòng)畫的效果類型
enum LFTransitionStyle: Int {
case scaleChange //比例變化
case alphaChange //透明度變化
case topToBottom //從上至下
case bottomToTop //從下至上
case leftToRight //從左至右
case rightToLeft //從右至左
}
class LFTransitionViewController: UIViewController {
var transitionStyle: LFTransitionStyle! //動(dòng)畫效果類型
init(transitionStyle: LFTransitionStyle) {
super.init(nibName: nil, bundle: nil)
self.transitioningDelegate = self
self.modalPresentationStyle = .custom
self.transitionStyle = transitionStyle
}
}
// 3個(gè)必須要實(shí)現(xiàn)的代理方法
extension LFTransitionViewController: UIViewControllerTransitioningDelegate {
//返回UIPresentationController，實(shí)為陰影部分
func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? {}
//動(dòng)畫彈出的效果
func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {}
//動(dòng)畫收起的效果
func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {}
}
2.接著來(lái)看TransitionForPosition和TransitionForScaleOrAlpha
這兩個(gè)類是關(guān)鍵類，提供了所有的動(dòng)畫效果，前面的是位置變化，后面的是比例和透明度的變化。必須要實(shí)現(xiàn)的代理是
UIViewControllerAnimatedTransitioning的3個(gè)代理方法
extension TransitionForScaleOrAlpha : UIViewControllerAnimatedTransitioning {
//動(dòng)畫時(shí)間
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {}
//彈出彈窗的效果實(shí)現(xiàn)
func animatedPresentWithContext(transitionContext: UIViewControllerContextTransitioning) {}
//收起彈窗的效果實(shí)現(xiàn)
func animatedDismissWithContext(transitionContext: UIViewControllerContextTransitioning) {}
}
3.PresentationVC是彈窗控制器的容器，用來(lái)展示陰影效果，demo里同時(shí)封裝了毛玻璃效果，可供選擇
//背景樣式
enum presentBackGroundViewType: Int {
case dimming = 0 //陰影
case glass = 1 //玻璃
}
其實(shí)可以總結(jié)一下轉(zhuǎn)場(chǎng)動(dòng)畫的實(shí)現(xiàn)過(guò)程
1.控制器實(shí)現(xiàn)代理 UIViewControllerTransitioningDelegate
2.自定義工具類實(shí)現(xiàn)1中代理方法所需的UIViewControllerAnimatedTransitioning和UIViewControllerAnimatedTransitioning
3.不要忘記把在控制器init方法中設(shè)置transitioningDelegate = self和modalPresentationStyle = .custome
4.最后，present or dismiss 控制器
