iOS开发UISearchDisplayController搜索的使用方法

释放双眼,带上耳机,听听看~!

iOS中的UISearchDisplayController用于搜索,但是在iOS中的搜索栏实现起来是比较简单的,其实网上有很多参考文献,但可靠并不是很多,下文是技术狗小编和大家分享的,希望对你学习有帮助!

新建Navigation-based Project。打开.xib文件,拖一个Search Bar and Search DisplayController 对象到Table View对象上方,如下图所示,选中File’s Owner ,打开Connections面板:

201621891219772.jpg (750×420)

现在我们来创建Search Bar和SearchDisplay Controller的出口。打开Assistant Editor,按住ctrl键,将SearchDisplay Controller拖到ViewController 的头文件中。创建一个名为searchDisplayController的出口,然后点Connect。

201621891243378.jpg (750×410)

同样的方法为Search Bar创建连接。现在ViewController的头文件看起来像这样:

复制代码 代码如下:
#import

@interface RootViewController : UITableViewController {

UISearchDisplayController *searchDisplayController; UISearchDisplayController *searchBar;

NSArray *allItems;

NSArray *searchResults;

}

@property (nonatomic, retain) IBOutlet UISearchDisplayController *searchDisplayController;

@property (nonatomic, retain) IBOutlet UISearchDisplayController *searchBar;

@property (nonatomic, copy) NSArray *allItems;

@property (nonatomic, copy) NSArray *searchResults;

@end

 

你可能注意到,我初始化了两个NSArray。一个用于作为数据源,一个用于保存查找结果。在本文中,我使用字符串数组作为数据源。继续编辑.m文件前,别忘了synthesize相关属性:

  • @synthesize searchDisplayController;
    @synthesize searchBar;
    @synthesize allItems;
    @synthesize searchResults;

     

在viewDidLoad 方法中,我们构造了我们的字符串数组:

复制代码 代码如下:
- (void)viewDidLoad {

[super viewDidLoad];

// [self.tableView reloadData];

self.tableView.scrollEnabled = YES;

NSArray *items = [[NSArray alloc] initWithObjects: @"Code Geass", @"Asura Cryin'", @"Voltes V", @"Mazinger Z", @"Daimos", nil];

self.allItems = items;




[self.tableView reloadData];

}

 

在Table View的返回TableView行数的方法中,我们先判断当前Table View是否是searchDisplayController的查找结果表格还是数据源本来的表格,然后返回对应的行数:

复制代码 代码如下:
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

NSInteger rows = 0;

if ([tableView isEqual:self.searchDisplayController.searchResultsTableView]){

rows = [self.searchResults count];

}else{

rows = [self.allItems count];

}

return rows;

}

 

在tableView:cellForRowAtIndexPath:方法里,我们需要做同样的事:

复制代码 代码如下:
// Customize the appearance of table view cells.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *CellIdentifier = @"Cell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell == nil) {

cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];

cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

}

/* Configure the cell. */

if ([tableView isEqual:self.searchDisplayController.searchResultsTableView]){

cell.textLabel.text = [self.searchResults objectAtIndex:indexPath.row];

}else{

cell.textLabel.text = [self.allItems objectAtIndex:indexPath.row];

}

return cell;

}

 

现在来实现当搜索文本改变时的回调函数。这个方法使用谓词进行比较,并讲匹配结果赋给searchResults数组:

复制代码 代码如下:

- (void)filterContentForSearchText:(NSString*)searchText scope:(NSString*)scope {

NSPredicate *resultPredicate = [NSPredicate predicateWithFormat:@"SELF contains[cd] %@", searchText];

self.searchResults = [self.allItems filteredArrayUsingPredicate:resultPredicate];

}

 

接下来是UISearchDisplayController的委托方法,负责响应搜索事件:

复制代码 代码如下:
#pragma mark - UISearchDisplayController delegate methods

-(BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString {

[self filterContentForSearchText:searchString scope:[[self.searchDisplayController.searchBar scopeButtonTitles] objectAtIndex:[self.searchDisplayController.searchBar selectedScopeButtonIndex]]];

return YES;

}

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchScope:(NSInteger)searchOption {

[self filterContentForSearchText:[self.searchDisplayController.searchBar text] scope:[[self.searchDisplayController.searchBar scopeButtonTitles] objectAtIndex:searchOption]];

return YES;

}

 

运行工程,当你在搜索栏中点击及输入文本时,如下图所示:

201621891348854.jpg (750×716)

UISearchDisplayController 点击搜索出现黑条问题解决方案
如果点击按钮启动 presentViewController 的时候出现下图效果:

201621891407773.gif (640×774)

比如说我这里现在代码式这样写的:

复制代码 代码如下:
AddFriendViewController *addFriendVC = [[AddFriendViewController alloc] init];
UINavigationController *nav =[[UINavigationController alloc] initWithRootViewController:addFriendVC];
[self presentViewController:nav animated:YES completion:nil];

 

发现问题所在 UINavigationController 的背景颜色是黑色的;

为了解决TableView点击搜索出现的黑条:

代码:

复制代码 代码如下:
AddFriendViewController *addFriendVC = [[AddFriendViewController alloc] init];
UINavigationController *nav =[[UINavigationController alloc] initWithRootViewController:addFriendVC];
[nav.view setBackgroundColor:UIColorFromRGB(0xC6C6CB)];
[self presentViewController:nav animated:YES completion:nil];

 

改变了Nav的背景色:

复制代码 代码如下:

[nav.view setBackgroundColor:UIColorFromRGB(0xC6C6CB)];

 

效果:

201621891433964.gif (642×554)

通过技术狗小编介绍的iOS之UISearchDisplayController搜索的使用方法,相信大家都有了一定的了解,想要了解更多的技术内容,请继续关注技术狗吧!

人已赞赏
iOS文章

iOS 开发ARC内存管理方式

2020-1-5 4:34:46

iOS文章

IOS开发使用UIWebView 加载网页、文件、 html的方法

2020-1-5 6:41:09

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索