简介
iOS系统提供的模态弹窗已经足够好用了，所以这方面一直不用操心。
另外，自定义弹窗的实现方式过于复杂，很不好学，所以一直以来都不想学。
只是，现在自定义弹窗的需求越来越多，又不得不学一下。
测试VC
就一个背景为红色，最简单了。
class TempViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
/// 红色背景
view.backgroundColor = .red
}
}
调用的地方也采用最简单的方式：
let tempVc = TempViewController()
present(tempVc, animated: true) {
print("tempVc present 完成")
}
系统的弹出方式
说实话，系统的弹出方式已经足够好了，从下到上弹出来，调用的VC有个往后缩的动画，最后头部留点空间，手势向下可以让弹窗消失。
系统弹窗
使用Lookin看视图结构，模态弹窗和导航栏push出来的是重叠的两套体系
视图层次结构
transitioningDelegate
- 过渡动画，以代理的形式，留出了自定义的空间。这个代理是UIViewController的一个weak属性，思路和表格代理差不多。
extension UIViewController {
@available(iOS 7.0, *)
weak open var transitioningDelegate: UIViewControllerTransitioningDelegate?
}
- 代理的内容
@MainActor public protocol UIViewControllerTransitioningDelegate : NSObjectProtocol {
@available(iOS 2.0, *)
optional func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning?
@available(iOS 2.0, *)
optional func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning?
optional func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning?
optional func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning?
@available(iOS 8.0, *)
optional func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController?
}
从代理方法来看，这里有引入了3个新的角色。从命名推测
UIPresentationController：与模态对话框过渡有关，比如系统的，顶部留点空间，下拉手势消除对话框
UIViewControllerAnimatedTransitioning：跟动画有关，比如系统的从下往上进场
UIViewControllerInteractiveTransitioning：大概是动画过程中的自定义功能Swift目前在推协议，在推代理的实现方式。但是从表格，到这个过渡动画，都可以看出，代理的学习和使用成本非常高，比Block、通知等形式难用多了。
虽然和表格一样，都是代理的实现方式，但是和表格的使用需求完全相反。表格要灵活，要适应各种场景；而过渡动画，要么用系统，要么自定义一套，大家共用就好。所以，这里计划用一个单例来做代理。这样就表明了最简单的意图：
（1）UIViewController的transitioningDelegate为nil，就用系统的过渡动画；
（2）UIViewController的transitioningDelegate被设置为自定义的类，就是自定义的过渡动画；
自定义过渡动画
创建一个基于NSObject的类TempTransitionDelegate作为过场动画的代理，提供默认单例default，表示共用自定义的额过场动画。
自定义UIPresentationController，替换系统的。默认什么也不做
import UIKit
class TempPresentation: UIPresentationController {
}
- TempTransitionDelegate实现代理UIViewControllerTransitioningDelegate；默认也是什么也不做，只是打印一下log
class TempTransitionDelegate: NSObject {
/// 默认单例
public static let `default`: TempTransitionDelegate = {
print("TempTransitionDelegate `default` 实例被创建")
return TempTransitionDelegate()
}()
}
/// 代理方法
extension TempTransitionDelegate: UIViewControllerTransitioningDelegate {
func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
print("TempTransitionDelegate `animationController` forPresented 被调用")
return nil
}
func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
print("TempTransitionDelegate `animationController` forDismissed 被调用")
return nil
}
func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
print("TempTransitionDelegate `interactionControllerForPresentation` 被调用")
return nil
}
func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
print("TempTransitionDelegate `interactionControllerForDismissal` 被调用")
return nil
}
func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? {
presented.modalPresentationStyle = .custom
print("TempTransitionDelegate `presentationController` 被调用")
return TempPresentation(presentedViewController: presented, presenting: presenting)
}
}
- 在需要自定义的UIViewController中设置自定义转场动画代理。这里要注意的是需要在构造函数中设置才有效，在ViewDidLoad中设置已经迟了，不起效果。
另外，modalPresentationStyle = .custom属性需要设置成自定义，不然的话有可能还是系统的。
class TempViewController: UIViewController {
override init(nibName nibNameOrNil: String?, bundle nibBundleOrNil: Bundle?) {
super.init(nibName: nibNameOrNil, bundle: nibBundleOrNil)
/// 自定义弹窗方式
modalPresentationStyle = .custom
transitioningDelegate = TempTransitionDelegate.default
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func viewDidLoad() {
super.viewDidLoad()
/// 红色背景
view.backgroundColor = .red
}
}
- 设置后的效果如下：没有动画，没有头部的缝隙，下拉手势也不能消除对话框。用Lookin查看，视图层次也简洁多了。
空的自定义视图层级
实现Sheet效果
（1）背景色就50%黑色，实现渐隐渐显效果，过场动画保持从底部弹窗的方式不变。
（2）点击背景还能消除对话框。
（3）红色的弹出视图，高度只要500pt就可以的，一半多点，只是做一些简单的交互操作。
背景视图
- UIPresentationController有个比较特殊的视图containerView，可以简单地认为就是Lookin中看到UITransitionView。这个view有可能为空，在UIPresentationController的构造函数期间是nil，但是在presentationTransitionWillBegin方法中已经稳定
// The view in which a presentation occurs. It is an ancestor of both the presenting and presented view controller's views.
// This view is being passed to the animation controller.
open var containerView: UIView? { get }
直接设置containerView的背景色，在这上面添加手势，也是可以的。不过，系统会把弹出控制器的view加到这个containerView上，containerView的alapha属性会影响子视图的显示效果，容易出现意料之外的情况。所以，这里，额外增加了一个和containerView同样大小的UIView（alphaCover）来做逐渐显示的动画，来做手势的载体。目的就是为了减少副作用。（系统提供的containerView，谁知道做了什么事）
设置弹出视图的高度：一般的UIViewController的view都是全屏的，这里可以设置大小，其中的frameOfPresentedViewInContainerView就是做这个事的
class TempPresentation: UIPresentationController {
/// containerView在这个时候已经存在，所以在这里加入自定义的view和oViewDidLoad有点像
/// 逐渐显现的动画做在自定义的
override func presentationTransitionWillBegin() {
containerView?.insertSubview(alphaCover, at: 0)
alphaCover.alpha = 0
UIView.animate(withDuration: 3) {
self.alphaCover.alpha = 1
}
}
/// 逐渐消失的动画
override func dismissalTransitionWillBegin() {
alphaCover.alpha = 1
UIView.animate(withDuration: 3) {
self.alphaCover.alpha = 0
}
}
/// 退出动画完成，去掉添加的辅助视图
override func dismissalTransitionDidEnd(_ completed: Bool) {
if completed {
alphaCover.removeFromSuperview()
}
}
/// 设置弹窗视图的高度
public var sheetHeight: CGFloat = 500
let phoneWidth = UIScreen.main.bounds.width
let phoneHeight = UIScreen.main.bounds.height
override var frameOfPresentedViewInContainerView: CGRect {
let frame = CGRect(origin: CGPoint(x: 0, y: (phoneHeight - sheetHeight)), size: CGSize(width: phoneWidth, height: sheetHeight))
return frame
}
/// 背景板，50%黑，退出手势
lazy var alphaCover: UIView = {
let cover = UIView()
cover.backgroundColor = .black.withAlphaComponent(0.5)
if let containerView = containerView, containerView.bounds.width > 0 {
cover.frame = containerView.bounds
} else {
cover.frame = CGRect(x: 0, y: 0, width: phoneWidth, height: phoneWidth)
}
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(coverTapAction))
cover.addGestureRecognizer(tapGesture)
return cover
}()
}
/// actions
extension TempPresentation {
@objc func coverTapAction() {
presentedViewController.dismiss(animated: true)
}
}
显示的时候，3秒逐渐显示的动画能完成。但是消失时，3秒的逐渐隐藏的动画显示不完全，不到1秒就消失了。这是因为动画过程没有定义，还是用了系统的，整个过程不到1秒。过场动画完成，整个containerView都会被系统收回，重新成为nil，那么所有的子视图当然会消失不见。
现在用
现在的视图层次
