【问题标题】:How to push & pop view controller with sliding animation effect?如何推送和弹出具有滑动动画效果的视图控制器?
【发布时间】:2020-06-12 11:00:07
【问题描述】:

我想在导航视图控制器上推送视图控制器以及下面的动画效果。

我通过使用导航控制器委托方法尝试了这个示例,但无法获得那种滑动效果。

https://gist.github.com/eoghain/7e9afdd43d1357fb8824126e0cbd491d

请查看下面的示例 GIF,了解我需要哪种类型的动画。

请看一下导航栏,我只是向左/向右滑动,它正在执行视图控制器的推送/弹出。

谁能帮我解决这个问题,我该如何实现。另外请让我知道是否可以使用 UIPageViewController ?如果是,那么我怎样才能像 GIF 一样保持顶部导航栏。

【问题讨论】:

  • 您使用的是故事板,还是只是代码?此外,虽然您可以使用页面视图进行导航,但它并没有真正的推送/弹出功能(即它自己的堆栈)。但是您可以(至少在代码中)通过 (1) 使用作为导航 VC 的子 VC 以及 2) 底部的页面视图来“指示”哪个 VC 是您想要的目前正在展示 - 所有这些都是主要 VC 的一部分。
  • 是的,我正在使用 Storyboard。你也可以给我提供任何样品或只是简单的工作流程,这样对我很有帮助。

标签: ios swift animation uinavigationcontroller


【解决方案1】:

这可能对你有帮助。你可以试试这个例子。

创建 SecondViewController 并设置其标识符名称。并通过从主 ViewController 中单击按钮来加载它。

ViewController.swift

import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    @IBAction func gotoNextPage(_ sender: Any) {
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let vc = storyboard.instantiateViewController(withIdentifier: "SecondViewController")
        vc.view.backgroundColor = .yellow
        GlobalVariable.transitionViewFrom(from: self, to: vc, subtype: .fromRight)
    }
}

class GlobalVariable: NSObject {
    private static var sharedManager: GlobalVariable!
    public var allViewInstantController: [UIViewController]=[UIViewController]()
    public static let NUMBER_OF_VIEWCONTROLLER_OPEN_AT_A_TIME:Int = 5

    static func shared() -> GlobalVariable {
        if(sharedManager==nil){
            sharedManager=GlobalVariable()
        }
        return sharedManager
    }
    override private init() {
    }

    static func transitionViewFrom(from:UIViewController, to:UIViewController, subtype:CATransitionSubtype) -> Void {
        let timeDelay:Double=0.5
        GlobalVariable.checkPreviousView(_view:to)
        GlobalVariable.splashViewFrom(from: from, to:to, isAdd:true, subtype:subtype, timeDelay: timeDelay)
    }

    static func checkPreviousView(_view:UIViewController) -> Void {
        GlobalVariable.shared().allViewInstantController.append(_view)
        if(GlobalVariable.shared().allViewInstantController.count>GlobalVariable.NUMBER_OF_VIEWCONTROLLER_OPEN_AT_A_TIME){
            let myViewController = GlobalVariable.shared().allViewInstantController.first
            myViewController?.view.removeFromSuperview()
            GlobalVariable.shared().allViewInstantController.removeFirst()
        }
    }

    static func splashViewFrom(from:UIViewController, to:UIViewController, isAdd:Bool, subtype:CATransitionSubtype, timeDelay:Double) -> Void {
        do {
            let transition = CATransition()
            transition.duration = 0.25
            transition.isRemovedOnCompletion = true;
            transition.timingFunction = CAMediaTimingFunction(name:CAMediaTimingFunctionName.easeInEaseOut)
            transition.type = CATransitionType.push
            transition.subtype  = subtype
            from.view.layer.add(transition, forKey: kCATransition)
            if(!isAdd){
                from.view.removeFromSuperview()
                if(GlobalVariable.shared().allViewInstantController.count>0){
                    GlobalVariable.shared().allViewInstantController.removeLast()
                }
            }else{
                from.view.addSubview(to.view)
            }
        }
    }

    static func dismissViewFrom(viewController:UIViewController, subtype:CATransitionSubtype) -> Void {
        let timeDelay=0.5
        GlobalVariable.splashViewFrom(from: viewController, to: UIViewController(), isAdd:false, subtype:subtype, timeDelay: timeDelay)
    }
}

SecondViewController.swift

import UIKit

class SecondViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction func gotoPreviousPage(_ sender: Any) {
        GlobalVariable.dismissViewFrom(viewController: self, subtype: CATransitionSubtype.fromLeft)
    }
}

【讨论】:

  • 感谢您的示例代码,但这不会起作用。
  • 不,代码没有问题。但它无法提供所需的输出。想象一下页面视图控制器是如何工作的,你会明白的。
  • 没错,你可以想象页面视图控制器是如何工作的。
  • 是的,但正如你提到的,我不想通过单击位于根视图控制器中的第一个视图控制器中的任何按钮来推送第二个视图控制器。我想用滑动效果来做。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-08-17
  • 2011-10-15
  • 2016-08-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-06-26
相关资源
最近更新 更多