8

我正在实现 iOS 14 (iPadOS 14) 侧边栏（带有 TripleColumn 的 UISplitViewController）并且有奇怪的“侧边栏切换图标”行为。在 iOS 13 中，我使用带有一些拆分视图和表格视图的标签栏，所以我需要三列而不是双列来工作。

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

并且有些选项卡只有一列（在 iOS 13 中，它是表格视图而不是拆分视图）。我将补充视图设置为 nil，并通过调用 iOS 14 中实现的“隐藏”方法来隐藏视图。（代码见下文）： iOS 14 侧边栏示例具有三列但隐藏补充列

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

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

与 iOS 14 (iPadOS 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)
    }
}
4

2 回答 2

1

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

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

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

链接到下面的 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
       }
    }
}

让我知道这是否有帮助。

链接到压缩的 Xcode 示例项目

于 2021-04-05T15:45:12.533 回答
0

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

就在将您设置为次要之前，将其设置为 nil。奇怪，我知道，但它为我解决了问题。像这样：

splitViewController?.setViewController(nil        , for: .secondary)
splitViewController?.setViewController(dashboardVC, for: .secondary)
于 2021-04-03T23:29:50.160 回答