Swift 中的侧边菜单导航

swift 4.2，Xcode 10.0

我的最终目标是能够轻松(正常)横向/导航我的 View Controller ，如下所示。

我希望能够使用通用侧边菜单从 View Controller 导航到 View Controller 。至此，我想出了一个令人难以置信的hacky方法来完成此操作，其中当我在侧边菜单中选择一个 View Controller 时，它会关闭侧边菜单，然后在呈现下一个 View 之前从那个 Controller 开始，假设它不是目标 View Controller ，当我从那个 View Controller 转到目标 View Controller 时，一个窗口会暂时覆盖它的内容。

从侧边菜单显示的 View Controller 的唯一路径。

注意: 上图中的每种颜色都是在侧边菜单中点击某些内容后应用可以采用的另一条路径。

这个实现有很多问题，我什至不知道从哪里开始。在极少数情况下，您可以在 segue 之间看到中间 View Controller 的内容。此外，由于在某些情况下实际到达目标 View 所需的转场数量，动画可能会有点断断续续和扭曲。更不用说现在在我的侧边菜单中添加另一行所需的巨大困难和复杂性。我很清楚这很糟糕，我拼命想找到一个解决方案，而不是我复杂的导航问题。最近，我尝试使用容器 View 并将侧边菜单放在堆栈的底部，而不是像现在这样放在顶部，但没有任何效果。

在过去的几周里，我一直在疯狂地寻找如何做到这一点。我发现了无数侧边菜单的实现，但到目前为止我发现的所有这些只会在一个 View Controller 上显示侧边菜单，而不是显示在所有侧边菜单的目标上并在它们都是 时处理它们在同一水平上可以这么说。从本质上讲，侧边菜单需要能够出现在所有 3 个 View Controller 上，并且消除了在 View Controller 上hackily segue 的需要。此外，如果此侧边菜单易于扩展，那将是非常理想的，这样我就可以轻松地将多个部分添加到侧边菜单。

最佳答案

我已经为这个问题创建了一个示例项目。您可以在上图中看到输出。基本上我所做的是围绕边栏创建一个包装器类，然后我可以随时使用它:)

侧边栏

import UIKit
protocol SidebarDelegate {
    func sidbarDidOpen()
    func sidebarDidClose(with item: Int?)
}
class SidebarLauncher: NSObject{

    var view: UIView?
    var delegate: SidebarDelegate?
    var vc: NavigationViewController?
    init(delegate: SidebarDelegate) {
        super.init()
        self.delegate = delegate
    }

    func show(){
        let bounds = UIScreen.main.bounds
        let v = UIView(frame: CGRect(x: -bounds.width, y: 0, width: bounds.width, height: bounds.height))
        v.backgroundColor = .clear
        let vc = UIStoryboard.init(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "NavigationController") as! NavigationViewController
        v.addSubview(vc.view)
        vc.view.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            vc.view.topAnchor.constraint(equalTo: v.topAnchor),
            vc.view.leadingAnchor.constraint(equalTo: v.leadingAnchor),
            vc.view.bottomAnchor.constraint(equalTo: v.bottomAnchor),
            vc.view.trailingAnchor.constraint(equalTo: v.trailingAnchor, constant: -60)
            ])
        vc.delegate = self
        v.isUserInteractionEnabled = true
        v.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(handleTapGesture(_:))))
        self.view = v
        self.vc = vc
        UIApplication.shared.keyWindow?.addSubview(v)

        UIView.animate(withDuration: 0.5, delay: 0, usingSpringWithDamping: 1, initialSpringVelocity: 1, options: [.curveEaseOut], animations: {
            self.view?.frame = CGRect(x: 0, y: 0, width: self.view!.frame.width, height: self.view!.frame.height)
            self.view?.backgroundColor = UIColor.black.withAlphaComponent(0.5)
        }, completion: {completed in
            self.delegate?.sidbarDidOpen()
        })

    }

    @objc func handleTapGesture(_ sender: UITapGestureRecognizer){
        closeSidebar(option: nil)
    }
    func closeSidebar(option: Int?){
        UIView.animate(withDuration: 0.5, delay: 0, usingSpringWithDamping: 1, initialSpringVelocity: 1, options: [.curveEaseOut], animations: {
            if let view = self.view{
                view.frame = CGRect(x: -view.frame.width, y: 0, width: view.frame.width, height: view.frame.height)
                self.view?.backgroundColor = .clear

            }
        }, completion: {completed in
            self.view?.removeFromSuperview()
            self.view = nil
            self.vc = nil
            self.delegate?.sidebarDidClose(with: option)
        })
    }

}
extension SidebarLauncher: NavigationDelegate{
    func navigation(didSelect: Int?) {
        closeSidebar(option: didSelect)
    }
}

导航 Controller

import UIKit
protocol NavigationDelegate{
    func navigation(didSelect: Int?)
}

class NavigationViewController: UIViewController{

    @IBOutlet weak var buttonLaunchVC: UIButton!
    @IBOutlet weak var buttonSecondViewController: UIButton!
    @IBOutlet weak var buttonThirdViewController: UIButton!


    var delegate: NavigationDelegate?

    override func viewDidLoad() {
        super.viewDidLoad()
        [buttonLaunchVC,buttonSecondViewController,buttonThirdViewController].forEach({
            $0?.addTarget(self, action: #selector(didSelect(_:)), for: .touchUpInside)
        })
    }

    @objc func didSelect(_ sender: UIButton){
        switch sender {
        case buttonLaunchVC:
            delegate?.navigation(didSelect: 0)
        case buttonSecondViewController:
            delegate?.navigation(didSelect: 1)
        case buttonThirdViewController:
            delegate?.navigation(didSelect: 2)
        default:
            break
        }
    }


    @IBAction func CloseMenu(_ sender: Any) {
        delegate?.navigation(didSelect: nil)
    }


}

View Controller

class ViewController: UIViewController {

    @IBAction func OpenMenu(_ sender: Any) {
        SidebarLauncher(delegate: self ).show()
    }

}
extension ViewController: SidebarDelegate{
    func sidbarDidOpen() {
        print("Sidebar opened")
    }

    func sidebarDidClose(with item: Int?) {
        guard let item = item else {return}
        print("Did select \(item)")
        switch item {
        case 0:
           break
        case 1:
            let v = UIStoryboard.main.SecondVC()
            present(v!, animated: true)
        case 2:
            let v = UIStoryboard.main.ThirdVC()
            present(v!, animated: true)
        default:
            break
        }
    }

主要感兴趣的领域是SidebarLauncher类 它的作用:当您调用 show() 方法时。它创建一个 UIView，然后将其添加到 keywindow(即您当前的 View )，然后添加 NavigationController。

为了设置与侧边栏的通信，我创建了两个协议(protocol)

1. 边栏代表:

Sidebar delegate 是主要协议(protocol)，通过它您可以了解用户是否选择了任何 ViewController。

1. 导航代理: 该协议(protocol)用于包装器和导航 Controller 之间的通信。当用户点击任何按钮时。它通知包装器类。

包装类有一个方法closeSidebar，然后关闭侧边栏并通知 Controller 类侧边栏已通过选项关闭。

在 sidebarDidClose 中，您可以决定如何处理用户所做的选择。

我有点匆忙，这就是为什么我使用 Int 而你应该考虑使用适合你需要的结构或类来确定要打开哪个 ViewController。

https://github.com/sahilmanchanda2/SidebarTest

关于swift - Swift 中的多 View Controller 导航，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53058481/