删除大标题 UINavigationBar 中 UISearchController 顶部的 1px 行

Question

我正在从具有大样式 UINavigationItem 的视图过渡到具有大样式 UINavigationItem 和 UISearchController 的视图。我已经自定义了UINavigationBar 的背景颜色。

由于某种原因，UINavigationBar 和 UISearchController 之间有 1 像素的线或空格。我可以告诉它来自NavigationBar，因为如果我滚动以使搜索栏贴在顶部，那么该行就会消失。我只是不确定是什么产生了这条线。除了设置barTintColor 和tintColor 之外，我没有使用阴影或任何花哨的东西。如果我不使用大样式标题，我会看到这条线，但仅在视图之间转换时。就像在转换 UISearchController 时，它并没有紧贴 UINavigationBar。

感谢任何帮助找出这条线的来源。

更新：在进一步调查中，这似乎仅在 navigationItem.hidesSearchBarWhenScrolling 设置为 false 时发生。如果它最初是隐藏的，那么前一个视图的动画是平滑的，并且显示栏也是平滑的。

Answer 1

测试您描述的导航项和搜索栏设置，我只能在过渡动画期间重现 1px/point 线。

解决方法：该行实际上是UINavigationBar 使用的背景布局视图 (forLastBaselineLayout)，由于UISearchBar 的框架有问题，最终可见。设置其背景以匹配您的导航栏颜色以将其隐藏在后站点中

// MARK: UINavigationControllerDelegate

public func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
    viewController.navigationController?.navigationBar
        .forLastBaselineLayout.backgroundColor = .red // TODO:
}

确保将实现UINavigationControllerDelegate的对象设置为navigationController.delegate以接收上述委托调用。

另外（不是问题的一部分）： UISearchBar 在控制器之间转换（推送和弹出）时似乎表现得很奇怪，尤其是当一个控制器具有/显示 searchBar 而另一个控制器没有时. 解决方法，我发现暂时隐藏搜索栏以防止显示控制器在视觉上更令人愉悦。这是我使用的代码：

public func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
    if let sender = navigationStack.popLast() {
        prepareSearchBarForTransition(from: sender)
    }
    navigationStack = navigationController.children
}

/// Set only from `navigationController: willShow`
private var navigationStack: [UIViewController] = []

func prepareSearchBarForTransition(from sender: UIViewController) {
    if #available(iOS 11.0, *) {
        let searchController = sender.navigationItem.searchController
        sender.navigationItem.searchController = nil
        weak var weakSender = sender
        let navigationTransitionDuration: TimeInterval = 0.33
        DispatchQueue.main.asyncAfter(deadline: .now() + navigationTransitionDuration) {
            /// Reset the search bar.
            weakSender?.navigationItem.searchController = searchController
        }
    } else {
        // TODO: Check if the above workaround is neccessary for < iOS 11
    }
}

Answer 2

从整个应用程序中删除一条像素线。

UINavigationBar.appearance().shadowImage = UIImage()

以上代码从整个应用程序中删除了底线。如果只想删除某些特定控制器，则需要管理隐藏/显示底栏图像。对于使用下面的UINavigationBar 扩展来管理隐藏显示底栏一个像素的图像。

extension UIView {

    fileprivate var hairlineImageView: UIImageView? {
        return hairlineImageView(in: self)
    }

    fileprivate func hairlineImageView(in view: UIView) -> UIImageView? {
        if let imageView = view as? UIImageView, imageView.bounds.height <= 1.0 {
            return imageView
        }

        for subview in view.subviews {
            if let imageView = self.hairlineImageView(in: subview) {
                return imageView
            }
        }
        return nil
    }
}

extension UINavigationBar {

    func hideBottomHairline() {
        self.hairlineImageView?.isHidden = true
    }

    func showBottomHairline() {
        self.hairlineImageView?.isHidden = false
    }
}

管理隐藏/显示

self.navigationController?.navigationBar.hideBottomHairline()

self.navigationController?.navigationBar.showBottomHairline()

UIView 以上hairlineImageView 的扩展也可以用于其他UIControls，如UIToolBar

extension UIToolbar {

    func hideBottomHairline() {
        self.hairlineImageView?.isHidden = true
    }

    func showBottomHairline() {
        self.hairlineImageView?.isHidden = false
    }
}

Answer 3

使用以下代码：

navigationController?.navigationBar.shadowImage = UIImage()

Answer 4

如果你想删除 UINavigationBar 上的 1px 行，在整个应用程序中你可以在 AppDelegate (didFinishLaunchingWithOptions) 中使用下面的代码（测试代码）

UINavigationBar.appearance().shadowImage = UIImage()