如何使用 UISearchController 移除 UINavigationBar 下方的阴影

Question

我可以通过以下代码成功移除导航栏下方的阴影。

self.navigationController?.navigationBar.shadowImage = UIImage()

然而，当我添加一个搜索控制器时，阴影又出现了。

self.navigationItem.searchController = UISearchController(searchResultsController: nil)

我尝试了以下操作，但结果出现意外行为。

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
self.navigationController?.navigationBar.barTintColor = .white
self.navigationController?.navigationBar.isTranslucent = false

当连接了搜索控制器时，如何去除导航栏下的阴影？

Answer 1

我也没有找到好的解决办法……

现在我会这样隐藏它：

override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        if let imageView = navigationItem.searchController?.searchBar.superview?.subviews.first?.subviews.first as? UIImageView {
            imageView.isHidden = true
        }
    }

Answer 2

这是我使用的解决方案

1. 创建一个扩展 UINavigationController 实例的单独类，我们称之为 BaseNavigationController。这是为您准备的课程

2. 如果您使用情节提要，请将 BaseNavigationController 分配给情节提要中的 UINavigationController 场景

3. 如果您通过代码初始化导航控制器，例如：UINavigationController.init(rootViewController: someViewControllerInstance)，那么只需使用BaseNavigationController.init(rootViewController: someViewControllerInstance)

该类的示例如下所示：

open class BaseNavigationController:UINavigationController {

    override open func viewDidLoad() {
        super.viewDidLoad()
        setNavigationBar()
        setNavBarBorder(false)
    }

    func setNavigationBar(color:UIColor?=UIColor.white, tint:UIColor?=UIColor.darkGray){
        let appearance = UIBarButtonItem.appearance()
        appearance.setBackButtonTitlePositionAdjustment(UIOffset.init(horizontal: 0.0, vertical: 0), for: .default)
        self.navigationBar.barTintColor = color!
        self.navigationBar.isTranslucent = false
        self.navigationBar.tintColor = tint!
        self.navigationBar.titleTextAttributes = [ NSAttributedString.Key.foregroundColor: tint! ]
    }

    func setTitleColor(_ color:UIColor?=UIColor.darkGray){

    }

    func setNavBarBorder(_ enable:Bool) {
        self.navigationBar.setBackgroundImage((enable ? nil : UIImage()), for: UIBarMetrics.default)
        self.navigationBar.shadowImage = (enable ? nil : UIImage())
        self.navigationBar.setValue(true, forKey: "hidesShadow")
    }

}

现在，有趣的部分是，如果您正在处理模棱两可的布局，您可能需要在 viewWillLayoutSubviews 中执行此操作，否则将这段代码放入 viewWillAppear viewController 实例。

(self.navigationController as? BaseNavigationController)?. setNavBarBorder(false)

对于某些 iOS 版本，有趣的代码位于 self.navigationBar.setValue(true, forKey: "hidesShadow")。

Answer 3

您可以改为将 searchBar 添加到 storyBoard 中的 viewController 并将其 Search Style 属性设置为 Minimal，它看起来像这样：

Answer 4

我对这个问题的一点贡献。当然，这不是正确的方法，但它适用于不透明的导航栏。这个想法是在这个阴影之上添加一个视图。

let searchBar = searchController.searchBar
let maskView = UIView(frame: .zero)
maskView.backgroundColor = .white // or any color you want
searchBar.addSubview(maskView)

//We need to use constraint so the mask view follow the search bar animation
maskView.translatesAutoresizingMaskIntoConstraints = false
let views = ["maskView": maskView]
searchBar.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-(0)-[maskView]-(0)-|",
                                                        options: NSLayoutConstraint.FormatOptions.alignAllCenterY,
                                                        metrics: nil,
                                                        views: views))
searchBar.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:[maskView(1)]-(-1)-|",
                                                        options: NSLayoutConstraint.FormatOptions.alignAllCenterX,
                                                        metrics: nil,
                                                        views: views))