iOS 14 UISplitViewController(侧边栏),具有三列侧边栏切换图标行为

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

我正在实现 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)
    }
}

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

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

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

我能够重现问题...但是无法使用可用的 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