IOS编程教程: storyboard如何往表视图(Table View)添加搜索栏(Search Bar)

最新推荐文章于 2022-12-07 15:00:03 发布

我的無力双臂

最新推荐文章于 2022-12-07 15:00:03 发布

阅读量2.5k

点赞数

分类专栏： Storyboard

本文链接：https://blog.youkuaiyun.com/sunyazhou13/article/details/38865239

版权

本文介绍了如何在iOS应用中使用Storyboard添加搜索栏到UITableView，并实现搜索功能。通过添加Search Display Controller，设置数据源和委托，实现搜索过滤及搜索结果的显示。在实现过程中，需要注意区分原始表视图和搜索结果表视图，以及处理行选择以展示搜索结果详情。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个常见的问题是我如何在UITableView里用一个搜索栏实现数据搜索。本章节将展示如何往标签栏项目添加一个搜索栏。有了搜索栏,程序允许用户通过指定一个搜索词搜索菜谱列表。

嗯,添加一个搜索栏不是很难,但这需要一点额外的工作。我们将继续从前一教程Xcode项目中开发的程序做基础。如果你没有经历过前面的教程,花些时间来看看。

理解搜索显示控制器(Search Display Controller)

您可以使用搜索显示控制器(例如UISearchDisplayController类)来管理你的应用程序搜索。一个搜索显示控制器包括一个搜索栏和显示搜索结果表视图。

当用户启动一个搜索,搜索显示控制器将在原始视图上添加搜索界面和显示搜索结果界面。有趣的是,结果显示在搜索显示控制器创建的表视图中。

搜索结果表视图和表视图

像其他视图控制器一样,您可以以编程方式创建搜索显示控制器或简单地把它添加到您的使用故事版的应用程序。在本教程中,我们将使用后一种方法。

在故事板添加一个搜索显示控制器

在故事板中、从食谱视图控制器右下方的导航栏拖拽出“搜索栏和搜索显示控制器(Search Bar and Search Display Controller)”。如果你做得对,你应该有一个类似于如下的样子:

添加搜索显示控制器

在继续之前,尝试运行这个应用程序,看看它的样子。在没有添加任何新的代码之前,您已经有一个搜索栏。点击搜索栏将把你带到搜索界面。然而,搜索不会给你正确的搜索结果。

搜索栏出现在表视图应用程序但是不工作

我们什么也没做但为什么搜索结果显示所有的食谱吗?

正如前面提到的,搜索结果显示在搜索显示控制器创建的表视图中。当继续开发表视图应用程序的时候之前,我们实现需要通过UITableViewDataSource协议告诉表视图有多少行数据,每一行中的数据是什么。

像UITableView一样,表视图创建的搜索显示控制器也要采用相同的方法。根据 UISearchDisplayController的官方文档介绍,下面是可用的委托，能让你控制搜索结果和搜索栏:

搜索结果表视图的数据源(data source)。
这个对象是负责提供的数据结果表的数据源的。

搜索结果表视图的委托(delegate)。
这个对象是负责在其他的事情中,响应用户的选择一个项目在结果表。

搜索显示控制器的委托。
委托符合UISearchDisplayDelegate协议。当搜索的开始或结束,当搜索界面显示或隐藏时通知我们。方便的是,它也可以告知是否改变搜索字符串或搜索范围,以便结果表视图可以被重新加载。

搜索栏的委托。
这个对象是负责对搜索标准的变化进行响应。