iOS实现SearchBar搜索与关键字高亮教程

"如何实现IOS_SearchBar搜索栏及关键字高亮" 在iOS开发中，实现一个带有关键字高亮的SearchBar可以提供用户友好的搜索体验。本文将通过实例代码讲解如何在iOS应用中创建和配置UISearchBar，并实现搜索结果显示及高亮关键词的功能。 首先，我们需要了解UISearchBar的基本用法。UISearchBar是iOS提供的一个用于输入搜索关键词的控件，通常与UITableView或UICollectionView结合使用，以便在用户输入时实时过滤和展示匹配的数据。在iOS中，我们可以使用Storyboard或代码方式创建UISearchBar。 代码实现如下： ```swift // 创建UISearchBar let searchBar = UISearchBar(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: 44)) searchBar.placeholder = "搜索英雄名称" view.addSubview(searchBar) ``` 然后，为了处理用户输入的搜索关键词，我们需要监听UISearchBar的`textDidChange`事件。在这个事件中，我们可以获取到用户输入的关键词，并使用这个关键词去过滤我们的数据源。 ```swift // 监听UISearchBar的文本改变事件 searchBar.delegate = self extension ViewController: UISearchBarDelegate { func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) { if searchText.isEmpty { // 当没有输入时，显示全部数据 self.filteredData = originalData } else { // 根据输入的关键字过滤数据 self.filteredData = originalData.filter { $0.nick.contains(searchText) } } tableView.reloadData() } } ``` 这里的`originalData`是存储所有英雄名称的数组，`filteredData`则是根据搜索关键词过滤后的数组。当用户输入变化时，我们更新`filteredData`并重新加载表格视图以显示匹配结果。 为了实现关键字高亮，我们需要在`tableView(_:cellForRowAt:)`方法中处理每个单元格的显示，找到关键词并进行高亮。以下是一个简单的示例： ```swift func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) let heroName = filteredData[indexPath.row] // 高亮关键词 let attributedString = NSMutableAttributedString(string: heroName) let range = (heroName as NSString).range(of: searchText) if range.location != NSNotFound { attributedString.addAttribute(.foregroundColor, value: UIColor.yellow, range: range) } cell.textLabel?.attributedText = attributedString return cell } ``` 这段代码中，`searchText`是用户在UISearchBar中输入的关键词，我们创建了一个NSMutableAttributedString对象，并设置关键词的字体颜色为黄色，以达到高亮效果。最后，将这个富文本字符串设置给UITableViewCell的`textLabel.attributedText`。 此外，为了使搜索结果能够在当前页面显示，我们可以使用UISearchController。UISearchController提供了更强大的搜索功能，包括自动建议、取消按钮等。创建和设置UISearchController的代码如下： ```swift // 创建UISearchController let searchController = UISearchController(searchResultsController: nil) searchController.searchResultsUpdater = self searchController.obscuresBackgroundDuringPresentation = false searchController.searchBar.delegate = self searchController.searchBar.sizeToFit() navigationItem.searchController = searchController definesPresentationContext = true ``` 通过这些步骤，你就能在iOS应用中实现一个带有关键字高亮功能的UISearchBar。记住，这只是一个基础的实现，实际应用中可能需要根据具体需求进行更复杂的定制和优化。例如，你可能需要考虑性能优化，避免在大数据量下频繁过滤数据，或者添加更多的搜索功能，如拼音匹配、模糊搜索等。