iOS-自定义控制器转场动画(present/dismiss)

一、转场动画类型

iOS控制器转场动画类型可以分为非交互式转场动画和交互式转场动画。

二、转场动画分析

2.1、转场代理

自定义控制器转场动画需要重新实现控制器的转场代理方法UIViewControllerTransitioningDelegate。

//控制器present时执行的代理方法
func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning?

//控制器dismiss时执行的代理方法
func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning?

//交互式转场时控制器present执行的代理方法
func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning?

//交互式转场是控制器dismiss执行的代理方法
func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning?

//定义控制器转场过程
func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController?

自定义转场代理方法需要将PresentedViewController的modalPresentationStyle设为custom或者fullScreen下才执行。
custom和fullScreen的区别是:
fullScreen模式:控制器presentation 后,presentingView 会被主动移出视图结构,在 dismissal 中 presentingView 是 toView 的角色,其将会重新加入 containerView 中。
custom模式:在 presentation 后,presentingView 未被移出视图结构,在 dismissal 中,不要将 presentingView 加入 containerView 中,否则本来可见的 presentingView 将会被移除出自身所处的视图结构消失不见。

2.2、动画协议

控制器的动画协议UIViewControllerAnimatedTransitioning主要负责动画的执行过程。

//动画的执行时间
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval

//动画的具体执行过程在这个方法中实现
func animateTransition(using transitionContext: UIViewControllerContextTransitioning)

//是否使能动画
func animationEnded(_ transitionCompleted: Bool)

2.3、动画的承载

UIViewControllerContextTransitioning协议承载了动画的重要参数,在转场之前可以得到遵守写的的对象transitionContext,通过这个对象可以获取动画所需的参数。

//容器View,承载转场动画
public var containerView: UIView { get }

//获取参与转场的控制器
public func viewController(forKey key: UITransitionContextViewControllerKey) -> UIViewController?

//获取转场视图
public func view(forKey key: UITransitionContextViewKey) -> UIView?

三、转场动画实现

3.1、非交互式转场动画

3.1.1、转场动画的具体实现

创建一个遵守UIViewControllerAnimatedTransitioning协议的类MaskAnimatedTransition,用于实现具体的动画。
实现协议方法:

func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
    return 0.3
}

func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
    if modalType == .present {
        presentAnimateTransition(using: transitionContext)
    } else {
        dismissAnimateTransition(using: transitionContext)
    }
}

创建两个私有的方法,分别实现控制器present和dismiss转场时的动画:

private func presentAnimateTransition(using transitionContext: UIViewControllerContextTransitioning) {
     ......
}

private func dismissAnimateTransition(using transitionContext: UIViewControllerContextTransitioning) {
    ......
}

创建一个枚举类型,用于判断控制器的转场类型

enum MaskAnimatedTransitionModalType {
    case present
    case dismiss
}
3.1.2、重写转场代理协议

创建一个新的类,遵守控制器转场代理协议UIViewControllerTransitioningDelegate,实现协议方法。

func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
    return MaskAnimatedTransition(.present)
}

func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
    return MaskAnimatedTransition(.dismiss)
}
3.1.3、设置转场代理

创建一个全局的转场代理:

let maskTransitionDelegate = MaskTransitionDelegate()

将控制器的转场代理transitioningDelegate设为maskTransitionDelegate,将控制器的modalPresentationStyle设为custom,即可进行控制器的模态转场。
上述控制的转场动画是一个渐入渐出的动画类型,动画时间为0.3秒。

3.2交互式转场动画的实现

交互式转场动画相对非交互动画而言要多实现一个控制器交互过渡协议UIViewControllerInteractiveTransitioning。

3.2.1、交互式转场动画的实现

实现开始交互协议方法:

func startInteractiveTransition(_ transitionContext: UIViewControllerContextTransitioning) {
    if modalType == .present {
        presentStartInteractiveTransition(transitionContext)
    } else {
        dismissStartInteractiveTransition(transitionContext)
    }
}

在presentedViewController上添加一个手势UIPanGestureRecognizer,用于交互:

var presentedViewController: UIViewController? = nil {
    didSet {
        let panGR = UIPanGestureRecognizer(target: self, action: #selector(panGestureReconizerAction(_:)))
        self.presentedViewController?.view.addGestureRecognizer(panGR)
    }
}

在交互方法中实现具体的动画:

@objc private func panGestureReconizerAction(_ panGR: UIPanGestureRecognizer) {
    ......
}
3.2.2、实现交互转场代理方法

在重写转场代理时,实现两个交互转场代理方法:

public func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
    return nil
}

public func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
    interaction.modalType = .dismiss
    return interaction.isInteraction ? interaction : nil
}
3.2.3、设置转场代理

创建一个全局的转场代理:

let maskTransitionDelegate = MaskTransitionDelegate()

将控制器的转场代理transitioningDelegate设为maskTransitionDelegate,将控制器的modalPresentationStyle设为custom,在控制器dismiss时,即可进行交互转场。

Demo

推荐文章:
iOS 视图控制器转场详解

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容