自定义UINavigationController的push和pop动画
我们这里先创建一个简单的工程 , 在storyboard 中拖一个导航控制器 , rootViewController 改成我们的ViewController 。
为了实现自定义动画切换 , 我们需要实现两个协议 。 UIViewControllerAnimatedTransitioning
,UINavigationControllerDelegate
UIViewControllerAnimatedTransitioning 这个协议目的是在需要使用自定义动画的同时,又不影响视图的其他属性,让你把焦点集中在动画实现的本身上,然后通过在这个协议的回调里编写自定义的动画代码,负责切换的具体内容,任何实现了这一协议的对象被称之为动画控制器。
其中有两个比较重要的方法:
transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval
animateTransition(transitionContext: UIViewControllerContextTransitioning)
第一个返回一个动画持续时间就行了 , 第二个是动画主体 。transitionContext
在这里是一个核心 ,通过这个对象能获取到切换时的上下文信息,比如从哪个VC切换到哪个VC等。
let toViewController = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey);
//let fromViewController = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey);
let container = transitionContext.containerView()
container!.addSubview((toViewController?.view)!);
if oper == UINavigationControllerOperation.Push {
toViewController?.view.layer.anchorPoint = CGPointMake(0, 0)
toViewController?.view.center = CGPointMake(0, 0)
toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2))
UIView.animateWithDuration(self.transitionDuration(transitionContext), delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.7, options: UIViewAnimationOptions.AllowUserInteraction, animations: { () -> Void in
toViewController?.view.transform = CGAffineTransformMakeRotation(0)
}, completion: { (b) -> Void in
toViewController?.view.transform = CGAffineTransformIdentity
//动画完成
//没有取消就执行完成 取消了 就不能完成
transitionContext.completeTransition(!transitionContext.transitionWasCancelled())
})
}else if oper == UINavigationControllerOperation.Pop{
toViewController?.view.layer.anchorPoint = CGPointMake(1,0) //0-1之间 不要犯傻。。
toViewController?.view.center = CGPointMake(toViewController!.view.bounds.width, 0)
toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2*3))
UIView.animateKeyframesWithDuration(1.3, delay: 0, options: UIViewKeyframeAnimationOptions.AllowUserInteraction, animations: { () -> Void in
UIView.addKeyframeWithRelativeStartTime(0.0, relativeDuration: 0.4, animations: { () -> Void in
toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2)*4)
})
UIView.addKeyframeWithRelativeStartTime(0.4, relativeDuration: 0.2, animations: { () -> Void in
toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_2/10))
})
UIView.addKeyframeWithRelativeStartTime(0.6, relativeDuration: 0.3, animations: { () -> Void in
toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2)*4)
})
}, completion: { (b) -> Void in
toViewController?.view.transform = CGAffineTransformIdentity
print(transitionContext.transitionWasCancelled())
//动画完成
//没有取消就执行完成 取消了 就不能完成
transitionContext.completeTransition(!transitionContext.transitionWasCancelled())
})
}
这里是我写的一段代码, 当然我这里分了pop 和 push, oper
变量是从另一个方法中获得的,下面会说 。to 和 from没啥说的 ,container
这是一个特殊的容器,切换时的动画将在这个容器中进行。其他的就是push和pop 我自己做得一个动画主体 。当然你可以根据你的需求更改这些部分 。这里主要讲自定义 , 不讲动画。
我们还需要实现另一个协议UINavigationControllerDelegate
,这个协议用来配置一些导航控制器的交互方式等。
在我们的类中定义 var navgationController:UINavigationController
初始化的时候
init(nav:UINavigationController){
self.navgationController = nav
super.init()
self.navgationController.delegate = self
}
func navigationController(navigationController: UINavigationController, animationControllerForOperation operation: UINavigationControllerOperation, fromViewController fromVC: UIViewController, toViewController toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
oper = operation
return self
}
我们上面的oper
就是从这里来的, 这个可以得到当前进行的是push 还是 pop 。return nil
就表示用系统默认的动画 ,return self
就表示使用我们自己定的 ,如果你只定义了一个push 或者 pop ,可以加个判断 。
这时候的效果应该是这样的:
gif有点卡顿 ,应该都有弹的效果的。。。后面会附上源码 ,大家自己运行看看
如果还要支持手势先加上这个方法
func navigationController(navigationController: UINavigationController, interactionControllerForAnimationController animationController: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
/**
* 监控进度
*/
if animationController.isKindOfClass(MyAnimation.self)
{
return self._interactivePushTransition
}
return nil;
}
然后写两个手势操作 ,分别针对 push和pop
func handleControllerPush(sender:UIPanGestureRecognizer){
let location = sender.translationInView(sender.view)
var progress = location.x / (sender.view?.bounds.size.width)!
// print("\(location.x),\((sender.view?.bounds.size.width)!)")
progress = max(-1, min(progress, 0));
let pz = progress * -1
//print(progress)
if sender.state == UIGestureRecognizerState.Began{
/**
* 手势开始,新建一个监控对象
*/
self._interactivePushTransition = UIPercentDrivenInteractiveTransition()
/**
* 告诉控制器开始执行push的动画
*/
self.navgationController.pushViewController(toVc!, animated: true)
}else if sender.state == UIGestureRecognizerState.Changed{
/**
* 更新手势的完成进度
*/
//print(progress * -1)
_interactivePushTransition?.updateInteractiveTransition(pz)
}else if(sender.state == UIGestureRecognizerState.Ended || sender.state == UIGestureRecognizerState.Changed){
/**
* 手势结束时如果进度大于一半,那么就完成push操作,否则重新来过。
*/
print(pz)
if(pz > 0.14 ){
self._interactivePushTransition?.finishInteractiveTransition()
}else{
self._interactivePushTransition?.cancelInteractiveTransition()
}
//当切换动画完毕时,设定interactionController为nil非常重要。如果下一个动画是非交互的,我们不希望得到一个奇怪的 interactionController
self._interactivePushTransition = nil
}
}
pop的就不放了 , 自己下载代码看吧 。。
写一个自己的导航控制器 。
protocol MyPushNav{
func pushView()->UIViewController;
}
class MyNavigationController: UINavigationController {
var pushDele:MyPushNav?
var animate:MyAnimation?
override func viewDidLoad() {
super.viewDidLoad()
animate = MyAnimation(nav: self);
let pan = UIPanGestureRecognizer(target: animate, action: "handleControllerPop:")
self.view.addGestureRecognizer(pan)
}
override func viewDidAppear(animated: Bool) {
pushView();
}
func pushView(){
let pan2 = UIPanGestureRecognizer(target: animate, action: "handleControllerPush:")
if let _ = pushDele {
let sc = pushDele?.pushView()
self.animate?.toVc = sc
(pushDele as! UIViewController).view.addGestureRecognizer(pan2)
}else{
self.view.removeGestureRecognizer(pan2)
}
}
}
需要push的必须告知我们用push哪个,所以这些用了协议 。
pop的不用做任何操作 。
class ViewController: UIViewController,MyPushNav {
override func viewDidLoad() {
super.viewDidLoad()
(self.navigationController as! MyNavigationController).pushDele = self
// Do any additional setup after loading the view, typically from a nib.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
func pushView()->UIViewController {
return SecondViewController()
}
}
这个是push的 。。
附上一张有用的图理解理解
源码地址 :MyNavigationController
版权声明:本文为博主原创文章,未经博主允许不得转载。