iOS 14 UISplitViewController（侧边栏），具有三列侧边栏切换图标行为

Question

我正在实现 iOS 14 (iPadOS 14) 侧边栏（带有 TripleColumn 的 UISplitViewController）并且有奇怪的“侧边栏切换图标”行为。在 iOS 13 中，我使用带有一些拆分视图和 table 视图的选项卡栏，因此我需要三列而不是双列才能工作。

例如，使用“航班”选项卡中的侧边栏需要三列：

并且有些选项卡只有一列（在 iOS 13 中，它是 table 视图而不是拆分视图）。我将补充视图设置为零，并通过调用 iOS 14 中实现的“隐藏”方法隐藏视图。（代码见下文）：

自动显示左上角的“侧边栏切换图标”。单击切换图标后，侧边栏正确隐藏，但在我的辅助视图（嵌入在 UINavigationController 中的 UITableViewController）上创建了一个“后退按钮”：

按下（点击）后退按钮没有反应。用户仍然可以从屏幕的左边缘滑动以使侧边栏重新出现，但“后退按钮”令人困惑。我的预期行为是，在侧边栏中选择切换图标后，在辅助视图中显示“侧边栏切换图标”而不是“后退按钮”。在辅助视图中按下“侧边栏切换图标”后，侧边栏重新出现。

与 iOS 14 (iPadOS 14) 中的照片应用程序一样，显示切换按钮而不是后退按钮。单击切换图标将使侧边栏再次显示。（但它是双列拆分视图）

我的代码：

SceneDelegate.swift:

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
    if let windowScene = scene as? UIWindowScene {
        let window = UIWindow(windowScene: windowScene)
        if #available(iOS 14.0, *) {
            let main = UIStoryboard(name: "Main", bundle: nil)
            
            let splitViewController = UISplitViewController(style: .tripleColumn)

            splitViewController.preferredDisplayMode = .twoBesideSecondary
            splitViewController.preferredSplitBehavior = .tile
            splitViewController.setViewController(SideBarViewController(), for: .primary)

            // fall back for compact screen
            splitViewController.setViewController(main.instantiateInitialViewController(), for: .compact)
            window.rootViewController = splitViewController

            self.window = window
            window.makeKeyAndVisible()
        }
    }
}

侧边栏视图控制器：

// if the first tab (dashboard) was selected
private func selectDashboardTab() {
    if #available(iOS 14.0, *) {
        
        let dashboardVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "DashboardTab") as? UINavigationController

        splitViewController?.preferredPrimaryColumnWidth = 250.0
        splitViewController?.preferredDisplayMode = .twoBesideSecondary
        splitViewController?.preferredSplitBehavior = .tile

        splitViewController?.setViewController(dashboardVC, for: .secondary)
        splitViewController?.setViewController(nil, for: .supplementary)
        splitViewController?.hide(.supplementary)
    }
}

Answer 1

在讨论的后期，但是...我遇到了类似的行为。

在设置你的次要之前，将它设置为零。奇怪，我知道，但它为我修好了。像这样：

splitViewController?.setViewController(nil        , for: .secondary)
splitViewController?.setViewController(dashboardVC, for: .secondary)

Answer 2

我能够重现问题...但是无法使用可用的 API 来规避它。看来 Apple 固执地决定在 3 列布局中侧边栏图标将始终位于辅助控制器中。

也就是说，我已经编写了一个 hack 来修复它。我设法创建了一个 UISplitViewController 子类，它“伪造”了一个可编辑的 style 属性，从而允许我们设置列数（hack 只是创建了一个全新的控制器并使其成为新的 rootViewController）。

这个 hack 允许我们在 2 列和 3 列布局之间随意切换，并且似乎解决了侧边栏图标问题。

Link 到下面的 Xcode 项目。但这是它的要点：

class AdaptableSplitViewController: UISplitViewController {
    override var style: Style {
        get {
            super.style
        }
        set {
            guard newValue != style else { return }
        
            let primaryController       = viewController(for: .primary)
            let supplementaryController = viewController(for: .supplementary)
            let secondaryController     = viewController(for: .secondary)
            let newSplitController      = AdaptableSplitViewController(style: newValue)
                     
            newSplitController.setViewController(primaryController  , for: .primary)
            newSplitController.setViewController(secondaryController, for: .secondary)
            if newValue == .tripleColumn {
                newSplitController.setViewController(supplementaryController, for: .supplementary)
            }
                    
            UIApplication.shared.windows[0].rootViewController = newSplitController
       }
    }
}

如果有帮助请告诉我。

Link to the zipped Xcode sample project

iOS 14 UISplitViewController（侧边栏），具有三列侧边栏切换图标行为

iOS 14 UISplitViewController (sidebar) with triple column sidebar toggle icon behavior

swift

uisplitviewcontroller

sidebar

ios14

ipados