UISearchController是iOS8以后推出的一个控件,在以前的搜索控制器中,需要将searchBar于tableView结合使用。有了这个控件之后,做搜索控制器就很简单了。
效果图一、需要遵守的协议
由于是tableView和SearchController结合使用,所以需要分别遵守两者的共四个协议UITableViewDelegate、UITableViewDataSource、UISearchControllerDelegate、UISearchResultsUpdating(更新过滤数据用的)
二、开始创建tableView和searchController对象
tableView和searchController对象这时候创建两个可变数组数据dataList、searchList。前者是表格的数据源数据,后者是搜索出来的数据数组,如下图:
数据源 产生每个元素的方法三、tableView、searchController的创建以及属性设置
#pragma mark设置搜索控制器的属性
-(void)setControllers{
//表格的创建
self.tableView= [[UITableViewalloc]initWithFrame:CGRectMake(0,0,[UIScreenmainScreen].bounds.size.width,[UIScreenmainScreen].bounds.size.height)];
self.tableView.delegate=self;
self.tableView.dataSource=self;
self.tableView.separatorStyle=UITableViewCellSelectionStyleNone;
//UISearchController的创建
//创建UISearchController
self.searchController= [[UISearchControlleralloc]initWithSearchResultsController:nil];
//设置代理
self.searchController.delegate=self;
self.searchController.searchResultsUpdater=self;
//设置UISearchController的显示属性,以下3个属性默认为YES
//搜索时,背景变暗色
self.searchController.dimsBackgroundDuringPresentation=YES;
//搜索时,背景变模糊
self.searchController.obscuresBackgroundDuringPresentation=YES;
//隐藏导航栏
self.searchController.hidesNavigationBarDuringPresentation=YES;
self.searchController.searchBar.frame=CGRectMake(0,0,self.searchController.searchBar.frame.size.width,44.0);
//添加到searchBar到tableView的header
self.tableView.tableHeaderView=self.searchController.searchBar;
[self.viewaddSubview:self.tableView];
}
四、需要注意的地方
在使用searchController的时候,需要注意的地方是需要判断当前的searchBar的状态是否为active。
表格的行数 自定义显示cell内容五、重点来了
在完成数据的创建、UI界面的创建并且正常显示数据源之后,就是在搜索框输入数据开始搜索了。
过滤数据的方法NSPredicate*preicate = [NSPredicatepredicateWithFormat:@"SELF CONTAINS[c] %@", searchString];的作用是创建谓词(关于谓词的用法网上有很多,其实就是对正则表达是的封装)的条件,在filteredArrayUsingPredicate的参数中传入谓词的对象,在数据源中过滤数据。由于-(void)updateSearchResultsForSearchController:(UISearchController*)searchController方法是每当在searchBar中输入数据的时候会调用,所以需要在过滤数据之前将_searchList进行清空操作避免重复显示。
由于对表格来说当前数据源已经改变所以最后需要reloadData。
附上github地址:https://github.com/myNameIsZuiCai/UISearchController
网友评论