Swift-->ViewController跳转,转场以及自定义动画

IOS常用的转场方式:
1:UINavigationController的pushViewController打开,popViewController关闭;
2:UIViewController的presentViewController打开,dismissViewController关闭;
当然你也可以直接使用rootViewController赋值的方式…(本文暂不介绍此方法)


1:首先看一下pushViewController

//定义一个ViewController
let testViewController = self.storyboard?.instantiateViewControllerWithIdentifier("TestViewController")
//通过push打开vc
@IBAction func onPushTappend() {
    navigationController?.pushViewController(testViewController, animated: true)
}
//通过push方式打开的vc,只能通过pop关闭
navigationController?.popViewControllerAnimated(true)

2:使用presentViewController方式打开

@IBAction func onPresentTappend() {
    self.presentViewController(testViewController, animated: true, completion: nil)
}
//必须使用对应的方法,才能关闭
self.dismissViewControllerAnimated(true, completion: nil)

以上2中方式,打开的ViewController都是使用系统默认的动画,接下来定义动画

3:Push方式的自定义动画
push方法是UINavigationController提供的,所以…

//通过设置UINavigationController的delegate代理,返回一个动画对象.
navigationController?.delegate = self

实现代理:

//MARK: 实现push/pop的动画
extension ViewController: UINavigationControllerDelegate {
    func navigationController(navigationController: UINavigationController, 
            animationControllerForOperation operation: UINavigationControllerOperation, 
            fromViewController fromVC: UIViewController, toViewController toVC: UIViewController) 
            -> UIViewControllerAnimatedTransitioning? {

        if operation == .Push {
            return CustomPushAnimation() //push时,使用此动画
        }

        if operation == .Pop {
            return CustomPopAnimation() //pop时,使用此动画
        }

        return nil
    }
}

实现动画:

//MARK: Push 动画
class CustomPushAnimation: NSObject, UIViewControllerAnimatedTransitioning {
    func animateTransition(transitionContext: UIViewControllerContextTransitioning) {
        print("\(#function)")

        transitionContext.containerView()?.backgroundColor = UIColor.whiteColor() // 修改过渡时的背景颜色

        let toViewController = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey)!
        let fromViewController = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey)!

        transitionContext.containerView()?.insertSubview(toViewController.view, aboveSubview: fromViewController.view)

        toViewController.view.transform = CGAffineTransformMakeTranslation(width, height)
        //通过以下方式,可以组合2个动画效果
//      toViewController.view.transform = CGAffineTransformConcat(CGAffineTransformMakeTranslation(-100, -100), CGAffineTransformMakeScale(2, 2))
        UIView.animateWithDuration(self.transitionDuration(transitionContext), animations: {
            toViewController.view.transform = CGAffineTransformIdentity
            fromViewController.view.transform = CGAffineTransformMakeTranslation(-width, -height)
        }) { (completion) in
            fromViewController.view.transform = CGAffineTransformIdentity
            transitionContext.completeTransition(!transitionContext.transitionWasCancelled())
        }
    }
    func transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval {
        return 0.3
    }
}

//MARK: Pop动画
class CustomPopAnimation: NSObject, UIViewControllerAnimatedTransitioning {

    func animateTransition(transitionContext: UIViewControllerContextTransitioning) {
        transitionContext.containerView()?.backgroundColor = UIColor.whiteColor() // 修改过渡时的背景颜色

        let toViewController = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey)!
        let fromViewController = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey)!

        transitionContext.containerView()?.insertSubview(toViewController.view, belowSubview: fromViewController.view)

        toViewController.view.transform = CGAffineTransformMakeTranslation(-width, -height)
        UIView.animateWithDuration(self.transitionDuration(transitionContext), animations: {
            toViewController.view.transform = CGAffineTransformIdentity
            fromViewController.view.transform = CGAffineTransformMakeTranslation(width, height)
        }) { (completion) in
            fromViewController.view.transform = CGAffineTransformIdentity
            transitionContext.completeTransition(!transitionContext.transitionWasCancelled())
        }
    }
    func transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval {
        return 0.3
    }
}

4:Present方式的自定义动画
这种方式只需要实现ViewController的transitioningDelegate代理即可

//设置目标VC的代理
testViewController.transitioningDelegate = self

通过代理,返回动画对象(和Push的动画,是一样的):

//MARK: 实现Present动画
extension ViewController: UIViewControllerTransitioningDelegate {

    func animationControllerForPresentedController(presented: UIViewController, presentingController presenting: UIViewController, sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return CustomPresentAnimation() //打开时的动画
    }

    func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return CustomDismissAnimation() //关闭时的动画
    }

}

动画对象,和直接使用上面的:效果是一样的:你也可以使用一下代码,作为动画使用的参考:

//MARK: Present动画
class CustomPresentAnimation: NSObject, UIViewControllerAnimatedTransitioning {

    func animateTransition(transitionContext: UIViewControllerContextTransitioning) {
        transitionContext.containerView()?.backgroundColor = UIColor.whiteColor() // 修改过渡时的背景颜色

        let toViewController = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey)!
        let fromViewController = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey)!

        transitionContext.containerView()?.insertSubview(toViewController.view, belowSubview: fromViewController.view)

        // 1:
        toViewController.view.transform = CGAffineTransformMakeTranslation(0, height)
        UIView.animateWithDuration(self.transitionDuration(transitionContext), animations: {
            toViewController.view.transform = CGAffineTransformIdentity
            fromViewController.view.transform = CGAffineTransformMakeTranslation(0, -height)
        }) { (completion) in
            fromViewController.view.transform = CGAffineTransformIdentity
            transitionContext.completeTransition(completion)
        }

        // 2:
//      toViewController.view.frame.offsetInPlace(dx: 0, dy: height)
//      UIView.animateWithDuration(transitionDuration(transitionContext), animations: {
//          toViewController.view.frame.offsetInPlace(dx: 0, dy: -height)
//          fromViewController.view.frame.offsetInPlace(dx: 0, dy: -height)
//      }) { completion in
//          fromViewController.view.frame.offsetInPlace(dx: 0, dy: height)
//          transitionContext.completeTransition(completion)
//      }

        // 3:
//      toViewController.view.center.y = 3 * height / 2
//      UIView.animateWithDuration(transitionDuration(transitionContext), animations: {
//          toViewController.view.center.y = height / 2
//          fromViewController.view.center.y = -height / 2
//      }) { completion in
//          transitionContext.completeTransition(completion)
//      }
    }
    func transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval {
        return 0.3
    }
}

//MARK: Dismiss动画
class CustomDismissAnimation: NSObject, UIViewControllerAnimatedTransitioning {

    func animateTransition(transitionContext: UIViewControllerContextTransitioning) {
        transitionContext.containerView()?.backgroundColor = UIColor.whiteColor() // 修改过渡时的背景颜色

        let toViewController = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey)!
        let fromViewController = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey)!

        transitionContext.containerView()?.insertSubview(toViewController.view, belowSubview: fromViewController.view)

        // 1:
        toViewController.view.transform = CGAffineTransformMakeTranslation(0, -height)
        UIView.animateWithDuration(self.transitionDuration(transitionContext), animations: {
            toViewController.view.transform = CGAffineTransformIdentity
            fromViewController.view.transform = CGAffineTransformMakeTranslation(0, height)
        }) { (completion) in
            fromViewController.view.transform = CGAffineTransformIdentity
            transitionContext.completeTransition(completion)
        }

        // 2:
//      toViewController.view.frame.offsetInPlace(dx: 0, dy: -height)
//      UIView.animateWithDuration(transitionDuration(transitionContext), animations: {
//          toViewController.view.frame.offsetInPlace(dx: 0, dy: height)
//          fromViewController.view.frame.offsetInPlace(dx: 0, dy: height)
//      }) { completion in
//          fromViewController.view.frame.offsetInPlace(dx: 0, dy: -height)
//          transitionContext.completeTransition(completion)
//      }

        // 3:
//      toViewController.view.center.y = -height / 2
//      UIView.animateWithDuration(transitionDuration(transitionContext), animations: {
//          toViewController.view.center.y = height / 2
//          fromViewController.view.center.y = 3 * height / 2
//      }) { completion in
//          transitionContext.completeTransition(completion)
//      }
    }
    func transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval {
        return 0.3
    }
}

这里写图片描述
源码: https://github.com/angcyo/ViewControllerDemo

参考: http://www.xiaoyaoli.com/?p=1271


至此: 文章就结束了,如有疑问: QQ群 Android:274306954 Swift:399799363 欢迎您的加入.

©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值