iOS导航栏无缝切换UISearchBar适配iOS11技巧

"本文主要介绍了如何在iOS应用中定制UISearchBar以匹配iOS 11的样式，特别是导航栏中的集成。iOS 11对UISearchBar的样式进行了更新，包括高度增加、圆角变化以及文字和图标的位置调整。文章探讨了三种实现方法，包括使用button、searchBar以及textField作为导航栏的titleView，并给出了网易云音乐和知乎的实例分析。通过自定义SearchBar类，可以更好地控制导航栏的显示效果。" 在iOS开发中，适配iOS 11的新版UISearchBar对于保持应用的用户体验一致性至关重要。系统默认的UISearchBar在iOS 11版本后高度增加到56像素，同时其视觉样式也有变化，如未输入时的圆角、放大镜图标和文本的位置等。开发者需要根据这些变化调整自己的代码，以确保应用在不同版本的iOS系统上表现一致。 实现导航栏中UISearchBar的定制有以下三种主要方法： 1. **首页导航栏titleView使用button，搜索页面使用searchBar**： 这种方法适用于首页和搜索页面样式差异较大的情况。首页使用一个button来模拟UISearchBar的外观，而在搜索页面直接使用UISearchBar。 2. **首页和搜索页面导航栏的titleView都使用searchBar**： 如果希望在两个页面上保持使用相同的UISearchBar，但根据不同页面调整样式，可以采用此方法。通过设置不同的属性，比如placeholder，来区分首页和搜索页面。 3. **首页导航栏titleView使用button，搜索页面使用textField**： 更加灵活但可能复杂的方法，允许更精确地控制每个元素。首页使用button模拟UISearchBar，搜索页面则直接使用textField，可以自定义更多细节。 以网易云音乐和知乎为例，它们在导航栏的实现上有所不同。网易云音乐采用了类似第二种方法，使用自定义的MCSearchBar作为titleView，同时设置导航栏的左右按钮。而知乎则结合了第三种方法，首页导航栏由两个button组成，搜索页面则使用textField。 为了实现这样的效果，开发者可以创建一个新的自定义UISearchBar子类，例如`OHSearchBar`。这个子类可以包含一个初始化方法，接收placeholder、textField的leftView以及是否显示取消按钮等参数。这样，可以根据不同页面的需求设置个性化样式，同时保持代码的整洁和可复用性。 例如，可以编写如下代码片段来初始化自定义的`OHSearchBar`： ```swift class OHSearchBar: UISearchBar { init(frame: CGRect, placeholder: String, textFieldLeftView: UIImageView, showCancelButton: Bool) { // 初始化并设置相关属性 super.init(frame: frame) self.placeholder = placeholder self.textField.leftView = textFieldLeftView self.showsCancelButton = showCancelButton // 其他自定义设置... } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } } ``` 通过这种方法，开发者能够轻松地控制导航栏中UISearchBar的样式，使其与iOS 11的默认样式保持一致，同时满足自定义需求。在实际项目中，可以根据应用的具体需求选择最适合的实现策略。