标题下方 NavigationBar 上的 UiSegmentedControl

Question

我是 iOS 开发的新手，在为我正在构建的应用程序工作期间，我出现了一些疑问。 我正在尝试构建一个将由多个 ViewController 复合的屏幕，但是在 NavigationBar 上，我希望在标题上方有一个 UiSegmentedControl，类似于范围栏来控制子 ViewController 之间的导航。 我想构建类似于我们在 HealthKit Dashboard 上的东西：

.

你建议用什么样的方法来做到这一点？ 我知道关于它已经做了一些问题，但经过长时间的研究我还没有得出结论。

在我的研究过程中，我注意到 NavigationBar 上的UISearchBar （用于构建 Scope Bar ）仅适用于UITableViewControllers ，我说得对吗？ 所以我认为这不是一种方法。

我的下一个想法是使用手动放置在 NavigationBar 下方的UISegmentedControl ，然后使用 Containment Api 更改此屏幕的不同 ViewController。 这里的问题是我必须在所有子视图UISegmentedControl上复制UISegmentedControl 。 有没有办法不必复制它？

我尝试的另一种方法是使用 NavigationBar 和下面的UISegmentedControl为 NavigationBar 做我自己的 titleView。 我不喜欢这个想法，尝试复制 NavigationBar 也不顺利。

最后，我认为另一种方法是使用UIPageViewController 。 虽然这种方法对我来说听起来不错，但我认为我还必须复制UISegmentedControl 。

最后，我认为最好的解决方案是在 NavigationBar 上有一个UISegmentControl ，但我没有看到如何实现这一点。

您认为实现我的想法的最佳方法是什么？ 我认为这很容易，因为这是我在许多应用程序中看到的模式。 有什么建议？

我在 XCode 6.1.1 上使用 Swift for iOS 8 执行此操作。

非常感谢你的帮助。

Answer 1

您可以通过将段添加为标题视图并设置所需的提示来获得此效果。 在界面生成器中，它看起来像这样：

Answer 2

将UIToolbar添加到您的视图中。 如果您通过代码或界面构建器添加它并不重要。 然后将UISegmentedControl添加为UIBarButtonItem自定义视图

let toolbar = UIToolbar()
toolbar.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(toolbar)
NSLayoutConstraint.activate([
    toolbar.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    toolbar.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    toolbar.trailingAnchor.constraint(equalTo: view.trailingAnchor),
])

// Add SegmentedControl like this:
toolbar.setItems([UIBarButtonItem(customView: mySegmentedControl)], animated: false)
toolbar.delegate = self

然后实现这个委托方法（见UIBarPosition.topAttached 文档）

extension MyViewController: UIToolbarDelegate {
    public func position(for bar: UIBarPositioning) -> UIBarPosition {
        .topAttached
    }
}

然后你就有了你需要的东西。 但是导航栏和工具栏之间仍然有一条分隔线。 要摆脱它，请使用此扩展方法并在viewWillAppear和viewWillDisappear调用它们：

extension UINavigationBar {
    func hideHairline() {
        // Hide border line of navigation bar since we're showing a toolbar
        if #available(iOS 13.0, *) {
            standardAppearance.shadowColor = nil
            standardAppearance.shadowImage = nil
        } else {
            shadowImage = UIImage()
            setBackgroundImage(UIImage(), for: .default)
        }
    }
    
    func restoreHairline() {
        // Hide border line of navigation bar since we're showing a toolbar
        if #available(iOS 13.0, *) {
            standardAppearance.shadowColor = .separator
        } else {
            shadowImage = nil
            setBackgroundImage(nil, for: .default)
        }
    }
}