如何在没有 UINavigationController 的情况下使 Segue 动画水平？

Question

我使用的是UISplitViewController，带有MasterViewController 和DetailViewController，没有UINavigationControllers。

目前master->detail的segue动画，由

触发

performSegueWithIdentifier("showDetail", sender: self)

包含从底部向上显示的DetailViewController。

如何使动画向左显示？

Answer 1

我最近需要更好地控制转场的执行方式，因此我创建了自定义转场类，它们都在不同方向上执行过渡。这是其中一种实现：

Swift 2.x

override func perform() {

    //credits to http://www.appcoda.com/custom-segue-animations/

    let firstClassView = self.sourceViewController.view
    let secondClassView = self.destinationViewController.view

    let screenWidth = UIScreen.mainScreen().bounds.size.width
    let screenHeight = UIScreen.mainScreen().bounds.size.height

    secondClassView.frame = CGRectMake(screenWidth, 0, screenWidth, screenHeight)

    if let window = UIApplication.sharedApplication().keyWindow {

        window.insertSubview(secondClassView, aboveSubview: firstClassView)

        UIView.animateWithDuration(0.4, animations: { () -> Void in

            firstClassView.frame = CGRectOffset(firstClassView.frame, -screenWidth, 0)
            secondClassView.frame = CGRectOffset(secondClassView.frame, -screenWidth, 0)

            }) {(Finished) -> Void in

                self.sourceViewController.navigationController?.pushViewController(self.destinationViewController, animated: false)

        }

    }

}

这个将有一个“从右到左”的过渡。您可以根据需要修改此函数，只需更改源视图控制器和目标视图控制器的初始位置和结束位置。

另外不要忘记，您需要将您的 segue 标记为“自定义 segue”，并将新类分配给它。

更新：添加了 Swift 3 版本

斯威夫特 3

override func perform() {

    //credits to http://www.appcoda.com/custom-segue-animations/

    let firstClassView = self.source.view
    let secondClassView = self.destination.view

    let screenWidth = UIScreen.main.bounds.size.width
    let screenHeight = UIScreen.main.bounds.size.height

    secondClassView?.frame = CGRect(x: screenWidth, y: 0, width: screenWidth, height: screenHeight)

    if let window = UIApplication.shared.keyWindow {

        window.insertSubview(secondClassView!, aboveSubview: firstClassView!)

        UIView.animate(withDuration: 0.4, animations: { () -> Void in

            firstClassView?.frame = (firstClassView?.frame.offsetBy(dx: -screenWidth, dy: 0))!
            secondClassView?.frame = (secondClassView?.frame.offsetBy(dx: -screenWidth, dy: 0))!

        }, completion: {(Finished) -> Void in

            self.source.navigationController?.pushViewController(self.destination, animated: false)

        }) 

    }

}

Answer 2

在 UINavigationControllers 中嵌入您的视图控制器。

根据 SplitViewController 模板：

在较小的设备上，它必须使用 Master 的 navigationController。

此外，这个问题已经回答了here 和 here 和 here

更多来自View Controller Programming Guide：

有两种方法可以在屏幕上显示视图控制器：将其嵌入 容器视图控制器或呈现它。容器视图控制器 提供应用的主要导航......

在故事板中，在导航控制器中嵌入东西并不难。点击你要嵌入的视图控制器，然后编辑器->嵌入->导航控制器。

Answer 3

--Swift 3.0--

Armin 的解决方案适用于 swift 3。 新建 -> 文件 -> Cocoa Touch 类 -> 类：...（子类：UIStoryboardSegue）。

import UIKit

class SlideHorSegue: UIStoryboardSegue {
    override func perform() {

        //credits to http://www.appcoda.com/custom-segue-animations/

        let firstClassView = self.source.view
        let secondClassView = self.destination.view

        let screenWidth = UIScreen.main.bounds.size.width
        let screenHeight = UIScreen.main.bounds.size.height

        secondClassView?.frame = CGRect(x: screenWidth, y: 0, width: screenWidth, height: screenHeight)

        if let window = UIApplication.shared.keyWindow {

            window.insertSubview(secondClassView!, aboveSubview: firstClassView!)

            UIView.animate(withDuration: 0.4, animations: { () -> Void in

                firstClassView?.frame = (firstClassView?.frame)!.offsetBy(dx: -screenWidth, dy: 0)
                secondClassView?.frame = (secondClassView?.frame)!.offsetBy(dx: -screenWidth, dy: 0)

            }) {(Finished) -> Void in

                self.source.navigationController?.pushViewController(self.destination, animated: false)

            }

        }

    }

}

在故事板中：将您的转场标记为“自定义转场”，并将新类分配给它。

注意：如果您的 detailesVC 中有 UIScrollView，这将不起作用。

Answer 4

听起来好像新的视图控制器正在模态显示。如果您将 detailViewController 嵌入到 UINavigationController 中并按下新控制器，它将从右到左进行动画处理，并且默认情况下也应该显示一个后退按钮。

Answer 5

当你有一个紧凑宽度的屏幕时，“显示细节” segue 会自动退回到 modal segue。所以你的 DetailViewController 会出现垂直作为默认的模态segue。

您可以使用 UIViewControllerTransitioningDelegate 自定义模态转场的动画。

下面是一个实现横向动画的例子：
1.设置transitioningDelegate及其委托方法

class MasterViewController: UITableViewController,UIViewControllerTransitioningDelegate {

//prepare for segue
override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
    if segue.identifier == "showDetail" {
        let detailVC = segue.destinationViewController as! DetailViewController
        detailVC.transitioningDelegate = self
 //     detailVC.detailItem = object//Configure detailVC
    } 
}

//UIViewControllerTransitioningDelegate
func animationControllerForPresentedController(presented: UIViewController, presentingController presenting: UIViewController, sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
    return LeftTransition()
}

func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
    let leftTransiton = LeftTransition()
    leftTransiton.dismiss = true
    return leftTransiton
}

}    

2：自定义 UIViewControllerAnimatedTransitioning : LeftTransition

import UIKit

class LeftTransition: NSObject ,UIViewControllerAnimatedTransitioning {
var dismiss = false

func transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval {
    return 2.0
}

    func animateTransition(transitionContext: UIViewControllerContextTransitioning){
    // Get the two view controllers
    let fromVC = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey)!
    let toVC = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey)!
    let containerView = transitionContext.containerView()!

    var originRect = containerView.bounds
    originRect.origin = CGPointMake(CGRectGetWidth(originRect), 0)

    containerView.addSubview(fromVC.view)
    containerView.addSubview(toVC.view)

    if dismiss{
        containerView.bringSubviewToFront(fromVC.view)
        UIView.animateWithDuration(transitionDuration(transitionContext), animations: { () -> Void in
                fromVC.view.frame = originRect
            }, completion: { (_ ) -> Void in
                fromVC.view.removeFromSuperview()
                transitionContext.completeTransition(true )
        })
    }else{
        toVC.view.frame = originRect
        UIView.animateWithDuration(transitionDuration(transitionContext),
            animations: { () -> Void in
                toVC.view.center = containerView.center
            }) { (_) -> Void in
                fromVC.view.removeFromSuperview()
                transitionContext.completeTransition(true )
        }
    }
}
}