如何在 iPadOS 和 macOS 中创建（浏览器样式）选项卡和侧边栏

Question

iPadOS 和 macOS 上似乎有一些应用程序使用左侧可折叠侧边栏（拆分视图？）的范例，您可以在其中选择所需的内容，以及可以在其中拥有多个选项卡的“文档”区域，它们是可关闭的，并且可通过拖动重新排序。截图以 iPad 上的 Safari 为例，但 macOS Finder、Safari、Preview 和 Xcode 都采用这种界面设置。

在代码中设置此功能的最佳方法是什么（最好是跨平台 iPadOS 和 macOS），如果可能的话使用 SwiftUI？

Answer 1

首先，您需要为左侧视图创建NavigationSplitView，您可以填写要显示的按钮。为了获得正确的视图，您需要使用一些浏览器 API，例如 SFSafariViewController 或 WKWebView。

导航：https://developer.apple.com/documentation/swiftui/navigationsplitview

WKWebView：https://developer.apple.com/documentation/webkit/wkwebview

Safari：https://developer.apple.com/documentation/safariservices/sfsafariviewcontroller