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
}
}
}
如果有帮助请告诉我。
我正在实现 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
}
}
}
如果有帮助请告诉我。