Question

我正在Playgound中实现导航栏下方的分段控件。

这似乎是一个经典问题，有人问：

在UIBarPositioningDelegate的文档中，它说，

UINavigationBarDelegate，UISearchBarDelegate和 UIToolbarDelegate协议扩展了这个协议以允许将这些酒吧放在屏幕上。

在UIBarPosition的文件中：

案例顶部

指定栏位于其包含视图的顶部。

在UIToolbar.delegate的文件中：

当工具栏由a管理时，您可能无法设置委托导航控制器。默认值为nil。

我目前的解决方案如下（注释掉的代码是为了参考和方便）：

import UIKit
import PlaygroundSupport

class ViewController : UIViewController, UIToolbarDelegate
{
    let toolbar : UIToolbar = {
        let ret = UIToolbar()

        let segmented = UISegmentedControl(items: ["Good", "Bad"])

        let barItem = UIBarButtonItem(customView: segmented)

        ret.setItems([barItem], animated: false)
        return ret
    }()

    override func viewDidLoad() {
        super.viewDidLoad()

        view.addSubview(toolbar)
        // toolbar.delegate = self
    }

    override func viewDidLayoutSubviews() {
        toolbar.frame = CGRect(
            x: 0,
            y: navigationController?.navigationBar.frame.height ?? 0,
            width: navigationController?.navigationBar.frame.width ?? 0,
            height: 44
        )
    }

    func position(for bar: UIBarPositioning) -> UIBarPosition {
        return .topAttached
    }
}


//class Toolbar : UIToolbar {
//    override var barPosition: UIBarPosition {
//        return .topAttached
//    }
//}

let vc = ViewController()
vc.title = "Try"
vc.view.backgroundColor = .red

// Another way to add toolbar...
// let segmented = UISegmentedControl(items: ["Good", "Bad"])
// let barItem = UIBarButtonItem(customView: segmented)
// vc.toolbarItems = [barItem]

// Navigation Controller
let navVC = UINavigationController(navigationBarClass: UINavigationBar.self, toolbarClass: UIToolbar.self)

navVC.pushViewController(vc, animated: true)
navVC.preferredContentSize = CGSize(width: 375, height: 640)
// navVC.isToolbarHidden = false


// Page setup
PlaygroundPage.current.liveView = navVC
PlaygroundPage.current.needsIndefiniteExecution = true

如您所见，这不使用UIToolbarDelegate。

UIToolbarDelegate（提供position(for:)）如何在这种情况下发挥作用？由于我们可以始终定位自己（手动或使用自动布局），UIToolbarDelegate的用例是什么？

@Leo Natan在the first question link above中的回答提到UIToolbarDelegate，但似乎工具栏放在Interface Builder中。

此外，如果我们不在此使用UIToolbarDelegate ，为什么我们不使用普通UIView而不是UIToolbar？

Answer 1

试试这个

UIView *containerVw = [[UIView alloc] initWithFrame:CGRectMake(0, 64, 320, 60)];
containerVw.backgroundColor = UIColorFromRGB(0xffffff);
[self.view addSubview:containerVw];

UIView *bottomView = [[UIView alloc] initWithFrame:CGRectMake(0, 124, 320, 1)];
bottomView.backgroundColor = [UIColor grayColor];
[self.view addSubview:bottomView];

UISegmentedControl *sg = [[UISegmentedControl alloc] initWithItems:@[@"Good", @"Bad"]];
sg.frame = CGRectMake(10, 10, 300, 40);
[view addSubview:sg];

for (UIView *view in self.navigationController.navigationBar.subviews) {
    for (UIView *subView in view.subviews) {
        [subView isKindOfClass:[UIImageView class]];
        subView.hidden = YES;
    }
}

Answer 2

通过设置工具栏的委托，并使委托方法返回.top，您将在工具栏的底部获得正常阴影。如果您还将工具栏的框架调整得更高一点，它将覆盖导航栏的阴影，最终结果将是看起来更高的导航栏并添加了分段控件。

class ViewController : UIViewController, UIToolbarDelegate
{
    lazy var toolbar: UIToolbar = {
        let ret = UIToolbar()
        ret.delegate = self

        let segmented = UISegmentedControl(items: ["Good", "Bad"])

        let barItem = UIBarButtonItem(customView: segmented)

        ret.setItems([barItem], animated: false)

        return ret
    }()

    override func viewDidLoad() {
        super.viewDidLoad()

        view.addSubview(toolbar)
        toolbar.delegate = self
    }

    override func viewDidLayoutSubviews() {
        toolbar.frame = CGRect(
            x: 0,
            y: navigationController?.navigationBar.frame.height - 1 ?? 0,
            width: navigationController?.navigationBar.frame.width ?? 0,
            height: toolbar.frame.height
        )
    }

    func position(for bar: UIBarPositioning) -> UIBarPosition {
        return .top
    }
}

Answer 3

在这种情况下，UIToolbarDelegate（提供位置（用于：））如何发挥作用？由于我们始终可以定位自己（手动或使用自动布局），因此UIToolbarDelegate的用例是什么？

我真不知道UIToolbarDelegate是如何发挥作用的，如果更改UINavigationController.toolbar，它将崩溃，并显示“您无法手动设置由UINavigationController管理的UIToolbar委托” ，此外，如果您尝试更改工具栏的约束或其translatesAutoresizingMaskIntoConstraints属性，也会发生同样的情况。

此外，如果我们在这里不使用UIToolbarDelegate，为什么不使用普通的UIView代替UIToolbar？

这似乎是一个合理的问题。我想这的答案是，您有一个UIView子类，该子类已经具有UIToolbar的行为，那么为什么我们要创建另一个类似UIToolbar的类，除非您只想要一些视图导航栏下方。

我知道2个选项。

1）与Move UINavigationController's toolbar to the top to lie underneath navigation bar

相关

当您必须在由ViewControllers管理的其他NavigationController中显示工具栏时，第一种方法可能会有所帮助。

可以设置UINavigationController的子类，并在设置该值后更改工具栏的Y轴位置。

import UIKit

private var context = 0

class NavigationController: UINavigationController {
    private var inToolbarFrameChange = false
    var observerBag: [NSKeyValueObservation] = []

    override func awakeFromNib() {
        super.awakeFromNib()
        self.inToolbarFrameChange = false
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        observerBag.append(
            toolbar.observe(\.center, options: .new) { toolbar, _ in
                if !self.inToolbarFrameChange {
                    self.inToolbarFrameChange = true
                    toolbar.frame = CGRect(
                        x: 0,
                        y: self.navigationBar.frame.height + UIApplication.shared.statusBarFrame.height,
                        width: toolbar.frame.width,
                        height: toolbar.frame.height
                    )
                    self.inToolbarFrameChange = false
                }
            }
        )
    }

    override func setToolbarHidden(_ hidden: Bool, animated: Bool) {
        super.setToolbarHidden(hidden, animated: false)

        var rectTB = self.toolbar.frame
        rectTB = .zero
    }
}

2）您可以创建自己的UIToolbar并将其添加到UIViewController的视图中。然后，将约束添加到安全区域的开头，结尾和顶部。

import UIKit

final class ViewController: UIViewController {
    private let toolbar = UIToolbar()
    private let segmentedControl: UISegmentedControl = {
        let control = UISegmentedControl(items: ["Op 1", "Op 2"])
        control.isEnabled = false
        return control
    }()

   override func loadView() {
        super.loadView()
        setupToolbar()
   }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        navigationController?.navigationBar.hideBorderLine()
    }

    private func setupToolbar() {
        let barItem = UIBarButtonItem(customView: segmentedControl)
        toolbar.setItems([barItem], animated: false)
        toolbar.isTranslucent = false
        toolbar.isOpaque = false

        view.addSubview(toolbar)

        toolbar.translatesAutoresizingMaskIntoConstraints = false
        toolbar.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        toolbar.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        toolbar.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
    }
}

private extension UINavigationBar {

    func showBorderLine() {
        findBorderLine().isHidden = false
    }

    func hideBorderLine() {
        findBorderLine().isHidden = true
    }

    private func findBorderLine() -> UIImageView! {
        return self.subviews
            .flatMap { $0.subviews }
            .compactMap { $0 as? UIImageView }
            .filter { $0.bounds.size.width == self.bounds.size.width }
            .filter { $0.bounds.size.height <= 2 }
            .first
    }
}

以编程方式定位UIToolbar的最佳方式（使用或不使用UIToolbarDelegate）？

3 个答案: