使用Swift从底部推出视图控制器

Question

我想使用Swift推送一个视图控制器并对其进行动画处理，使其从底部出现并向上移动。我有以下代码来推送我的视图控制器：

let helloTableViewController = self.storyboard!.instantiateViewControllerWithIdentifier("helloTableViewController") as! HelloTableViewController
self.navigationController!.pushViewController(helloTableViewController, animated: true)

我从另一个问题中找到了以下内容，但似乎无法在Swift中使其正常工作：

CATransition *animation = [CATransition animation]; 
[animation setDuration:2]; 
[animation setType:kCATransitionPush]; 
[animation setSubtype:kCATransitionFromTop]; 
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 
SecondView *sObj=[[SecondView alloc] initWithNibName:@"SecondView" bundle:nil];
[self.navigationController pushViewController:sObj animated:YES];
[[sObj.view layer] addAnimation:animation forKey:@"SwitchToView1"];

- Daniel Bramhall

---

你需要展示翻译后的 Swift 代码。另外，“cannot get it to work” 是什么意思？除此之外，Objective-C 代码写得相当糟糕（他们创建了一个名为 SecondView 的视图控制器，这很令人困惑），而现在可以更容易地使用 UIView 的 transitionWithView/transitionFromView 方法来实现上述过渡效果（应该这样做）。 - Stuart

你为什么不能直接以模态方式呈现视图控制器呢？模态转换从底部弹出。 - bjtitus

Answer 1

Swift3：

对于推送：

    // push view controller but animate modally
    let storyBoard: UIStoryboard = UIStoryboard(name: "myStoryBoard", bundle: nil)
    let vc = storyBoard.instantiateViewController(withIdentifier: "myViewControllerIdentifier") as! MyViewController

    let navigationController = self.navigationController


    vc.navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Close", style: .plain, target: vc, action: #selector(vc.closeView))
    vc.navigationItem.leftBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: vc, action: nil)

    let transition = CATransition()
    transition.duration = 0.5
    transition.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
    transition.type = kCATransitionMoveIn
    transition.subtype = kCATransitionFromTop
    navigationController?.view.layer.add(transition, forKey: nil)
    navigationController?.pushViewController(vc, animated: false)

在风投中，"pop"代表什么？

func closeView() {
    let transition = CATransition()
    transition.duration = 0.5
    transition.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
    transition.type = kCATransitionReveal
    transition.subtype = kCATransitionFromBottom
    navigationController?.view.layer.add(transition, forKey: nil)
    _ = navigationController?.popViewController(animated: false)
}

- Besat

---

这会使得正在进行过渡的视图的透明度降低，这意味着我在过渡期间可以看到它下面的内容。有没有办法防止这种行为发生？ - aufty

为了防止这种情况，请使用 UIViewControllerAnimatedTransitioning：https://dev59.com/oXE95IYBdhLWcg3wp_qn#48081504 - Tamás Sengel

Answer 2

这里是推送代码

let transition:CATransition = CATransition()
transition.duration = 0.5
transition.timingFunction = CAMediaTimingFunction(name:CAMediaTimingFunctionName.easeInEaseOut)
transition.type = CATransitionType.push
transition.subtype = CATransitionSubtype.fromBottom
self.hostNavController?.view.layer.add(transition, forKey: kCATransition)
self.hostNavController?.popViewController(animated: true)

你可以使用的转换类型包括：

kCATransitionFromLeft
kCATransitionFromBottom
kCATransitionFromRight
kCATransitionFromTop

- Nex Mishra

---

我们如何使用segue实现类似的动画效果？ - Satyam

我认为使用segue是不可能的。我认为方法交换可以帮助你解决这个问题。 - Nex Mishra

Answer 3

使用 Swift 5 和 Xcode 11.4 进行更新

将控制器以 present 的动画样式推入

    let storyBoard: UIStoryboard = UIStoryboard(name: "Main", bundle: nil)
    let viewController = storyBoard.instantiateViewController(withIdentifier: "ViewController") as! ViewController

    let transition = CATransition()
    transition.duration = 0.5
    transition.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
    transition.type = CATransitionType.moveIn
    transition.subtype = CATransitionSubtype.fromTop
    self.navigationController?.view.layer.add(transition, forKey: nil)
    self.navigationController?.pushViewController(viewController, animated: false)

以Dismiss风格弹出视图控制器

            let transition:CATransition = CATransition()
        transition.duration = 0.5
        transition.timingFunction = CAMediaTimingFunction(name:CAMediaTimingFunctionName.easeInEaseOut)
        transition.type = CATransitionType.reveal
        transition.subtype = CATransitionSubtype.fromBottom
        self.navigationController?.view.layer.add(transition, forKey: kCATransition)
        self.navigationController?.popViewController(animated: false)

- Jogendra.Com

Answer 4

我曾经遇到过类似的情况，需要在一个视图控制器中显示一个带有一些UIBarButtonItems的导航项，但是当以模态方式呈现时，它并没有显示出来。只有当从navigationController中push时才会显示，但我真的需要从底部 -> 上方的动画效果。 我尝试了上面的CATransition示例，但它引发了另一个bug，在动画期间出现了黑色阴影/半透明背景。 最终，我想出了一个相当简单的解决方案：

let someVC = storyboard?.instantiateViewController(withIdentifier: "SomeVC") as! SomeVC
let navController = UINavigationController(rootViewController: someVC)
navigationController?.present(navController, animated: true, completion: nil)

如果您想关闭视图控制器并完全摆脱导航控制器，只需调用以下代码：

self.dismiss(animated: true, completion: nil)

这将关闭视图控制器，并释放我们的导航控制器内存。

这个方案最终很简单，但我花了一些时间才想出来。也许我能帮助别人节省时间 :)

- Starsky

---

谢谢，这确实节省了我的时间！我在上面（和其他答案中）找到的动画会将当前视图控制器移动，同时放置另一个视图控制器；这个则会在已有的控制器顶部推入一个新的控制器，而这正是我想要的。 - Pedro

我很高兴这个已经帮助了某人)) 祝你好运，编码愉快！ - Starsky

Answer 5

Swift 5.0及以上版本

  let transition:CATransition = CATransition()
  transition.duration = 0.5
  transition.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
  transition.type = CATransitionType.push
  transition.subtype = CATransitionSubtype.fromTop
  self.navigationController!.view.layer.add(transition, forKey: kCATransition)

- Hitesh Surani

Answer 6

基于 Nex Mishra 的答案 的 Swift 4.2+ 解决方案：

let transition = CATransition()
transition.duration = 0.5
transition.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
transition.type = .push
transition.subtype = .fromBottom
navigationController?.view.layer.add(transition, forKey: kCATransition) 
navigationController?.pushViewController([destination VC], animated: false)

- Tamás Sengel