视图被合并而不是单独显示

Question

我有两个 xib 文件，一个显示登录视图，另一个显示登录成功后的步骤。我很难让它发挥作用。我创建了 macos 项目而不是 ios 并使用 safariservices 以便它也适用于 safari 扩展。

这就是我所做的

import SafariServices


class SafariExtensionViewController: SFSafariExtensionViewController {


    @IBOutlet weak var passwordMessage: NSTextField!
    @IBOutlet weak var emailMessage: NSTextField!
    @IBOutlet weak var message: NSTextField!
    @IBOutlet weak var email: NSTextField!
    @IBOutlet weak var password: NSSecureTextField!
    static let shared = SafariExtensionViewController()
    override func viewDidLoad() {
        self.preferredContentSize = NSSize(width: 300, height: 250)
        message.stringValue = ""
        emailMessage.stringValue = ""
        passwordMessage.stringValue = ""
    }
    override func viewDidAppear() {
        if let storedEmail = UserDefaults.standard.object(forKey: "email") as? String {
            if let stepView = Bundle.mainBundle.loadNibNamed(NSNib.Name(rawValue: "ExtensionStepsViewController"), owner: nil, topLevelObjects: nil)[0] {
                self.view.addSubview(stepView)
            }
        }
    }

    @IBAction func userLogin(_ sender: Any) {
        let providedEmailAddress = email.stringValue
        let providedPassword = password.stringValue
        let isEmailAddressValid = isValidEmailAddress(emailAddressString: providedEmailAddress)
        self.message.stringValue = ""
        emailMessage.stringValue = ""
        passwordMessage.stringValue = ""
        if isEmailAddressValid && providedPassword.count > 0 {
          /* login process is handled here and store the email in local storage /*
          /* TODO for now email is not stored in browser localstorage which has to be fixed */
         let controller = "ExtensionStepsViewController"
         let subview = ExtensionStepsViewController(nibName: NSNib.Name(rawValue: controller), bundle: nil)
         self.view.addSubview(subview.view)
         }   
}
}

这样我会得到像Type Bool has no subscript members 这样的错误，我的文件结构看起来像这样。

SafariExtensionViewController.xib（最初显示的主要 带有登录屏幕）

SafariExtensionViewController.swift

ExtensionStepsViewController.xib(这个视图应该在用户使用时显示 已登录而不是登录屏幕）

ExtensionStepsViewController.swift

我正在使用 xcode 10、swift 4，一切都是新的。

更新

我在 viewDidAppear（如果本地存储中有电子邮件，则显示扩展步骤视图而不是登录屏幕）和登录功能内部都使用了以下块，当登录成功但它没有导航到该 ExtensionStepsView

let controller = "ExtensionStepsViewController"
let subview = ExtensionStepsViewController(nibName: NSNib.Name(rawValue: controller), bundle: nil)
self.view.addSubview(subview.view)

用例是在初始时显示登录，但如果用户已登录，则显示另一个视图，但问题是现在视图已合并

Answer 1

您收到错误“Bool 类型没有下标成员”，因为 Bundle 的 loadNibNamed(_:owner:topLevelObjects:) 方法返回没有 subscript 成员的 Bool 结构，因此您不能这样写

true[0]

如何正确使用此方法请参阅link 和那里的示例：

var topLevelObjects : NSArray?
if Bundle.main.loadNibNamed(NSNib.Name(rawValue: "ExtensionStepsViewController"), owner: self, topLevelObjects: &topLevelObjects) {
     let  topLevelObjects!.first(where: { $0 is NSView }) as? NSView
}

视图已合并，因为您没有从父视图中删除以前的视图，而是将 ExtensionStepsViewController 中的视图添加到同一个父视图中。

您可以执行以下步骤来完成您的问题：

1. 使 SafariExtensionViewController 继承自 SFSafariExtensionViewController，它将成为两个子视图控制器（例如 LoginViewController 和 ExtensionStepsViewController）的容器（和父级），并将用于在它们之间导航。
2. 分别制作 LoginViewController 和 ExtensionStepsViewController（均继承自简单的NSViewController）及其 xib。
3. 就在用户从 LoginViewController 登录 transit 到 ExtensionStepsViewController 之后

作为示例，但您必须使用您的实现 SafariExtensionViewController 而不是 ParentViewController，正如我在第一步中解释的那样。

public protocol LoginViewControllerDelegate: class {
    func loginViewControllerDidLoginSuccessful(_ loginVC: LoginViewController)
}

public class LoginViewController: NSViewController {
    weak var delegate: LoginViewControllerDelegate?

    @IBAction func login(_ sender: Any) {
        // login logic
        let isLoginSuccessful = true
        if isLoginSuccessful {
            self.delegate?.loginViewControllerDidLoginSuccessful(self)
        }
    }
}

public class ExtensionStepsViewController: NSViewController {

}

public class ParentViewController: NSViewController, LoginViewControllerDelegate {
    weak var login: LoginViewController! // using of force unwrap is anti-pattern. consider other solutions
    weak var steps: ExtensionStepsViewController!

    public override func viewDidLoad() {
        let login = LoginViewController(nibName: NSNib.Name(rawValue: "LoginViewController"), bundle: nil)
        login.delegate = self
        // change login view frame if needed
        login.view.frame = self.view.frame
        self.view.addSubview(login.view)
        // instead of setting login view frame you can add appropriate layout constraints
        self.addChildViewController(login)
        self.login = login

        let steps = ExtensionStepsViewController(nibName: NSNib.Name(rawValue: "ExtensionStepsViewController"), bundle: nil)
        steps.view.frame = self.view.frame
        self.addChildViewController(steps)
        self.steps = steps
    }

    // MARK: - LoginViewControllerDelegate

    public func loginViewControllerDidLoginSuccessful(_ loginVC: LoginViewController) {
        self.transition(from: self.login, to: self.steps, options: .slideLeft) {
            // completion handler logic
            print("transition is done successfully")
        }
    }
}

Here 是这个例子的快速游乐场。

UPD：

您可以通过多种方式实例化 NSViewController：

1. 使用NSStoryboard 允许从 .storyboard 文件加载 NSViewController 的视图：

let storyboard = NSStoryboard(name: NSStoryboard.Name("NameOfStoryboard"), bundle: nil)
let viewController = storyboard.instantiateController(withIdentifier: NSStoryboard.SceneIdentifier("NSViewControllerIdentifierInStoryboard"))

1. 使用适当的initialiser NSViewController 从 .xib 文件加载它的视图：

let steps = ExtensionStepsViewController(nibName: NSNib.Name(rawValue: "ExtensionStepsViewController"), bundle: nil)

1. 使用默认初始化程序，但如果 xib 文件的名称与视图控制器类的名称不同，则必须通过覆盖 loadView() 方法直接加载视图：

let steps = ExtensionStepsViewController()
// Also you have to override loadView() method of ExtensionStepsViewController.