iOS Swift：如何在UISearchBar所在视图内显示搜索结果？

这个问题确实有点棘手——既要让UISearchBar稳稳待在TableView的header区域，又要在点击它时切换到另一个视图。我有两个实用的方案，你可以根据自己的场景选择：

方案一：临时迁移SearchBar的父视图（最直接的方案） #

核心思路是：让SearchBar原本属于TableView的header，点击时临时把它移到ViewController的顶层视图，切换完成后再放回原位。这样既满足了SearchBar属于TableView的要求，又能实现视图切换。

具体步骤与代码示例（Swift） #

// 先定义全局变量
var headerContainer: UIView!
var searchBar: UISearchBar!
@IBOutlet weak var tableView: UITableView!
@IBOutlet weak var viewDesign: UIView!

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 1. 创建容器View包裹SearchBar（方便后续迁移）
    headerContainer = UIView(frame: CGRect(x: 0, y: 0, width: view.bounds.width, height: 56))
    searchBar = UISearchBar(frame: headerContainer.bounds)
    searchBar.delegate = self
    searchBar.showsCancelButton = true // 记得显示取消按钮用于退出
    headerContainer.addSubview(searchBar)
    
    // 2. 设置为TableView的header
    tableView.tableHeaderView = headerContainer
    
    // 3. 默认隐藏目标视图
    viewDesign.isHidden = true
}

// 实现UISearchBarDelegate方法
extension YourViewController: UISearchBarDelegate {
    func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
        // 转换容器View的坐标系，确保位置不变
        let targetFrame = tableView.convert(headerContainer.frame, to: view)
        
        // 从TableView移除容器View
        headerContainer.removeFromSuperview()
        
        // 调整位置并添加到ViewController的顶层
        headerContainer.frame = targetFrame
        view.addSubview(headerContainer)
        view.bringSubviewToFront(headerContainer)
        
        // 切换视图显示状态
        tableView.isHidden = true
        viewDesign.isHidden = false
    }
    
    func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
        // 退出编辑状态
        searchBar.resignFirstResponder()
        searchBar.text = ""
        
        // 将容器View放回TableView的header
        headerContainer.removeFromSuperview()
        tableView.tableHeaderView = headerContainer
        
        // 恢复原视图显示
        tableView.isHidden = false
        viewDesign.isHidden = true
    }
}

方案优势 #

• 完全保留了SearchBar作为TableView header的身份，符合你的需求
• 用户感知不到SearchBar的父视图变化，视觉体验流畅
• 代码量小，逻辑清晰，适合简单的视图切换场景

方案二：容器ViewController管理子模块（适合复杂场景） #

如果你的View_Design是一个独立的功能模块（比如包含复杂的筛选、结果展示逻辑），推荐用容器VC的方式解耦：

1. 创建一个父ViewController作为容器
2. 在容器VC中添加两个子VC：
   • 列表VC：包含带SearchBar的TableView
   • 设计VC：包含你的View_Design
3. 默认显示列表VC，隐藏设计VC
4. 点击SearchBar时，通过容器VC切换显示设计VC，同时可以选择：
   • 按照方案一的逻辑，把列表VC中的SearchBar临时移到容器VC顶层
   • 在设计VC的顶部添加一个样式一致的SearchBar，通过代理/通知同步搜索状态（比如输入内容、编辑状态）

方案优势 #

• 模块化程度高，适合大型项目的功能拆分
• 两个子VC各自负责自己的逻辑，代码维护更方便

内容的提问来源于stack exchange，提问作者user1591668