Push Up View Controller from Bottom using Swift

后端 未结 6 1289
一生所求
一生所求 2021-01-31 11:46

I would like to push a view controller using Swift and animate it so it appears from the bottom and moves up. I have the following code to push my view controller:



        
相关标签:
6条回答
  • 2021-01-31 12:27

    Here is the code for pushing

    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)
    

    and type of transition you can use are

    kCATransitionFromLeft
    kCATransitionFromBottom
    kCATransitionFromRight
    kCATransitionFromTop
    
    0 讨论(0)
  • 2021-01-31 12:28

    Updated with Swift 5 and Xcode 11.4

    Controller push in present animation style

        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)
    

    PopToView Controller in Dismiss Style

                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)
    
    0 讨论(0)
  • 2021-01-31 12:40

    Swift 4.2+ solution based on Nex Mishra's answer:

    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)
    
    0 讨论(0)
  • 2021-01-31 12:43

    Swift3:

    for push :

        // 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)
    

    and in vc for 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)
    }
    
    0 讨论(0)
  • 2021-01-31 12:43

    I had a similar situation where I needed to show a navigation item with some UIBarButtonItems on a view controller, but when presenting modally, it wasn't showing up. It was showing only when pushing from a navigationController, but I really needed the animation from bottom -> up. I tried the CATransition examples from above, but it brought up another bug where there was like a black shadow / translucent background during the animation. I came up with a pretty simple solution in the end:

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

    And to close the view controller and get rid of the navigation controller altogether, you just call:

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

    This will dismiss the view controller, and will release our navigationController from memory.

    It is a simple solution in the end, but I spent some time until coming up with it. Maybe I'll save someone else's time :)

    0 讨论(0)
  • 2021-01-31 12:47

    Swift 5.0 And Later

      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)
    
    0 讨论(0)
提交回复
热议问题