iOS-自定義控制器轉(zhuǎn)場(chǎng)動(dòng)畫(huà)(present/dismiss)

一誓琼、轉(zhuǎn)場(chǎng)動(dòng)畫(huà)類(lèi)型

iOS控制器轉(zhuǎn)場(chǎng)動(dòng)畫(huà)類(lèi)型可以分為非交互式轉(zhuǎn)場(chǎng)動(dòng)畫(huà)和交互式轉(zhuǎn)場(chǎng)動(dòng)畫(huà)检激。

二、轉(zhuǎn)場(chǎng)動(dòng)畫(huà)分析

2.1腹侣、轉(zhuǎn)場(chǎng)代理

自定義控制器轉(zhuǎn)場(chǎng)動(dòng)畫(huà)需要重新實(shí)現(xiàn)控制器的轉(zhuǎn)場(chǎng)代理方法UIViewControllerTransitioningDelegate叔收。

//控制器present時(shí)執(zhí)行的代理方法
func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning?

//控制器dismiss時(shí)執(zhí)行的代理方法
func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning?

//交互式轉(zhuǎn)場(chǎng)時(shí)控制器present執(zhí)行的代理方法
func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning?

//交互式轉(zhuǎn)場(chǎng)是控制器dismiss執(zhí)行的代理方法
func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning?

//定義控制器轉(zhuǎn)場(chǎng)過(guò)程
func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController?

自定義轉(zhuǎn)場(chǎng)代理方法需要將PresentedViewController的modalPresentationStyle設(shè)為custom或者fullScreen下才執(zhí)行。
custom和fullScreen的區(qū)別是:
fullScreen模式:控制器presentation 后傲隶,presentingView 會(huì)被主動(dòng)移出視圖結(jié)構(gòu)饺律,在 dismissal 中 presentingView 是 toView 的角色,其將會(huì)重新加入 containerView 中跺株。
custom模式:在 presentation 后复濒,presentingView 未被移出視圖結(jié)構(gòu),在 dismissal 中乒省,不要將 presentingView 加入 containerView 中巧颈,否則本來(lái)可見(jiàn)的 presentingView 將會(huì)被移除出自身所處的視圖結(jié)構(gòu)消失不見(jiàn)。

2.2袖扛、動(dòng)畫(huà)協(xié)議

控制器的動(dòng)畫(huà)協(xié)議UIViewControllerAnimatedTransitioning主要負(fù)責(zé)動(dòng)畫(huà)的執(zhí)行過(guò)程砸泛。

//動(dòng)畫(huà)的執(zhí)行時(shí)間
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval

//動(dòng)畫(huà)的具體執(zhí)行過(guò)程在這個(gè)方法中實(shí)現(xiàn)
func animateTransition(using transitionContext: UIViewControllerContextTransitioning)

//是否使能動(dòng)畫(huà)
func animationEnded(_ transitionCompleted: Bool)

2.3、動(dòng)畫(huà)的承載

UIViewControllerContextTransitioning協(xié)議承載了動(dòng)畫(huà)的重要參數(shù)蛆封,在轉(zhuǎn)場(chǎng)之前可以得到遵守寫(xiě)的的對(duì)象transitionContext唇礁,通過(guò)這個(gè)對(duì)象可以獲取動(dòng)畫(huà)所需的參數(shù)。

//容器View娶吞,承載轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
public var containerView: UIView { get }

//獲取參與轉(zhuǎn)場(chǎng)的控制器
public func viewController(forKey key: UITransitionContextViewControllerKey) -> UIViewController?

//獲取轉(zhuǎn)場(chǎng)視圖
public func view(forKey key: UITransitionContextViewKey) -> UIView?

三垒迂、轉(zhuǎn)場(chǎng)動(dòng)畫(huà)實(shí)現(xiàn)

3.1、非交互式轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

3.1.1妒蛇、轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的具體實(shí)現(xiàn)

創(chuàng)建一個(gè)遵守UIViewControllerAnimatedTransitioning協(xié)議的類(lèi)MaskAnimatedTransition机断,用于實(shí)現(xiàn)具體的動(dòng)畫(huà)。
實(shí)現(xiàn)協(xié)議方法:

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

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

創(chuàng)建兩個(gè)私有的方法绣夺,分別實(shí)現(xiàn)控制器present和dismiss轉(zhuǎn)場(chǎng)時(shí)的動(dòng)畫(huà):

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

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

創(chuàng)建一個(gè)枚舉類(lèi)型吏奸,用于判斷控制器的轉(zhuǎn)場(chǎng)類(lèi)型

enum MaskAnimatedTransitionModalType {
    case present
    case dismiss
}
3.1.2、重寫(xiě)轉(zhuǎn)場(chǎng)代理協(xié)議

創(chuàng)建一個(gè)新的類(lèi)陶耍,遵守控制器轉(zhuǎn)場(chǎng)代理協(xié)議UIViewControllerTransitioningDelegate奋蔚,實(shí)現(xiàn)協(xié)議方法。

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、設(shè)置轉(zhuǎn)場(chǎng)代理

創(chuàng)建一個(gè)全局的轉(zhuǎn)場(chǎng)代理:

let maskTransitionDelegate = MaskTransitionDelegate()

將控制器的轉(zhuǎn)場(chǎng)代理transitioningDelegate設(shè)為maskTransitionDelegate泊碑,將控制器的modalPresentationStyle設(shè)為custom坤按,即可進(jìn)行控制器的模態(tài)轉(zhuǎn)場(chǎng)。
上述控制的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)是一個(gè)漸入漸出的動(dòng)畫(huà)類(lèi)型馒过,動(dòng)畫(huà)時(shí)間為0.3秒臭脓。

3.2交互式轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的實(shí)現(xiàn)

交互式轉(zhuǎn)場(chǎng)動(dòng)畫(huà)相對(duì)非交互動(dòng)畫(huà)而言要多實(shí)現(xiàn)一個(gè)控制器交互過(guò)渡協(xié)議UIViewControllerInteractiveTransitioning。

3.2.1腹忽、交互式轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的實(shí)現(xiàn)

實(shí)現(xiàn)開(kāi)始交互協(xié)議方法:

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

在presentedViewController上添加一個(gè)手勢(shì)UIPanGestureRecognizer来累,用于交互:

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

在交互方法中實(shí)現(xiàn)具體的動(dòng)畫(huà):

@objc private func panGestureReconizerAction(_ panGR: UIPanGestureRecognizer) {
    ......
}
3.2.2、實(shí)現(xiàn)交互轉(zhuǎn)場(chǎng)代理方法

在重寫(xiě)轉(zhuǎn)場(chǎng)代理時(shí)窘奏,實(shí)現(xiàn)兩個(gè)交互轉(zhuǎn)場(chǎng)代理方法:

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嘹锁、設(shè)置轉(zhuǎn)場(chǎng)代理

創(chuàng)建一個(gè)全局的轉(zhuǎn)場(chǎng)代理:

let maskTransitionDelegate = MaskTransitionDelegate()

將控制器的轉(zhuǎn)場(chǎng)代理transitioningDelegate設(shè)為maskTransitionDelegate,將控制器的modalPresentationStyle設(shè)為custom着裹,在控制器dismiss時(shí)领猾,即可進(jìn)行交互轉(zhuǎn)場(chǎng)。

Demo

推薦文章:
iOS 視圖控制器轉(zhuǎn)場(chǎng)詳解

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末求冷,一起剝皮案震驚了整個(gè)濱河市瘤运,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌匠题,老刑警劉巖拯坟,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異韭山,居然都是意外死亡郁季,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)钱磅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)梦裂,“玉大人,你說(shuō)我怎么就攤上這事盖淡∧昴” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵褪迟,是天一觀的道長(zhǎng)冗恨。 經(jīng)常有香客問(wèn)我,道長(zhǎng)味赃,這世上最難降的妖魔是什么掀抹? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮心俗,結(jié)果婚禮上傲武,老公的妹妹穿的比我還像新娘蓉驹。我一直安慰自己,他們只是感情好揪利,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布态兴。 她就那樣靜靜地躺著,像睡著了一般疟位。 火紅的嫁衣襯著肌膚如雪诗茎。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,785評(píng)論 1 290
  • 那天献汗,我揣著相機(jī)與錄音,去河邊找鬼王污。 笑死罢吃,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的昭齐。 我是一名探鬼主播尿招,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼阱驾!你這毒婦竟也來(lái)了就谜?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤里覆,失蹤者是張志新(化名)和其女友劉穎丧荐,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體喧枷,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡虹统,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了隧甚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片车荔。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖戚扳,靈堂內(nèi)的尸體忽然破棺而出忧便,到底是詐尸還是另有隱情,我是刑警寧澤帽借,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布珠增,位于F島的核電站,受9級(jí)特大地震影響宜雀,放射性物質(zhì)發(fā)生泄漏切平。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一辐董、第九天 我趴在偏房一處隱蔽的房頂上張望悴品。 院中可真熱鬧,春花似錦、人聲如沸苔严。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)届氢。三九已至欠窒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間退子,已是汗流浹背岖妄。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留寂祥,地道東北人荐虐。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像丸凭,于是被迫代替她去往敵國(guó)和親福扬。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容