那我们开始吧,我们先来看一个Demo,新建一个项目。
@interface ViewController ()<UISearchBarDelegate,UISearchDisplayDelegate, UITableViewDataSource, UITableViewDelegate>
{
UISearchBar *mySearchBar;
UISearchDisplayController *mySearchDisplayController;
NSMutableArray *suggestResults;
}
@end
下面我们来初始化我们的三个成员
-(void)initMysearchBarAndMysearchDisPlay
{
mySearchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, [UIApplicationsharedApplication].statusBarFrame.size.height, [UIScreen mainScreen].bounds.size.width, 44)];
mySearchBar.delegate = self;
// //设置选项
mySearchBar.barTintColor = [UIColor redColor];
mySearchBar.searchBarStyle = UISearchBarStyleDefault;
mySearchBar.translucent = NO; //是否半透明
[mySearchBar setAutocapitalizationType:UITextAutocapitalizationTypeNone];
[mySearchBar sizeToFit];
mySearchDisplayController = [[UISearchDisplayController alloc] initWithSearchBar:mySearchBar contentsController:self];
mySearchDisplayController.delegate = self;
mySearchDisplayController.searchResultsDataSource = self;
mySearchDisplayController.searchResultsDelegate = self;
suggestResults = [NSMutableArray arrayWithArray:@[@"此处为推荐词", @"也可以为历史记录"]];
}
然后呢当然是自定义我们的navigation bar了
-(void)initNavigationBar
{
UIButton *moreButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 30, 30)];
[moreButton setImage:[UIImage imageNamed:@"more"] forState:UIControlStateNormal];
[moreButton addTarget:self action:@selector(handleMore:) forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem *moreItem = [[UIBarButtonItem alloc] initWithCustomView:moreButton];
UIButton *searchButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 30, 30)];
[searchButton setImage:[UIImage imageNamed:@"info_search"] forState:UIControlStateNormal];
[searchButton addTarget:self action:@selector(startSearch:) forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem *searchItem = [[UIBarButtonItem alloc] initWithCustomView:searchButton];
self.navigationItem.rightBarButtonItems = @[moreItem, searchItem];
}
好了, 开始加载界面了
- (void)viewDidLoad
{
[super viewDidLoad];
[self initNavigationBar];
[self initMysearchBarAndMysearchDisPlay];
}
实现我们的点击事件
#pragma mark - handle button click
-(void) startSearch:(id)sender
{
[self.navigationController.view addSubview:mySearchBar];
[mySearchBar becomeFirstResponder];
}
-(void) handleMore:(id)sender
{
}
#pragma mark - UITableViewDataSource & UITableViewDelegate
-(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
if (tableView == mySearchDisplayController.searchResultsTableView)
{
return [self numberOfRowsWithSearchResultTableView];
}
return 0;
}
-(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
if (tableView == mySearchDisplayController.searchResultsTableView)
{
return [self searchTableView:mySearchDisplayController.searchResultsTableView cellForRowAtIndexPath:indexPath];
}
else
{
static NSString *cellID = @"search_cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];
if (cell == nil)
{
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellID];
}
return cell;
}
}
这里专门写UISearchDisplayController 中 searchResultsTableView 的协议方法
#pragma mark - UISearchDisplayController <UITableViewDataSource> dataSource
-(NSInteger)numberOfRowsWithSearchResultTableView
{
return suggestResults.count + 1;
}
-(UITableViewCell*)searchTableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *suggestId = @"suggestCell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:suggestId];
if (cell == nil)
{
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:suggestId];
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
}
if (indexPath.row == suggestResults.count)
{
cell.textLabel.text = [NSLocalizedString(@"Search: ", @"查找: ") stringByAppendingString:mySearchBar.text];
}
else
{
cell.textLabel.text = [suggestResults objectAtIndex:indexPath.row];
}
return cell;
}
#pragma mark - UISearchDisplayController <UITableViewDelegate> delegate
-(void) searchTableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *keyword = nil;
if (indexPath.row == suggestResults.count)
{
keyword = mySearchBar.text;
}
else
{
keyword = [suggestResults objectAtIndex:indexPath.row];
}
[mySearchBar resignFirstResponder];
}
开始我们的search bar delegate,输入搜索内容, 因为是Demo ,所以我并没有搜索结果,这个大家根据需求自己实现吧
#pragma mark - UISearchBarDelegate
-(BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar
{
return YES;
}
-(void)searchBarSearchButtonClicked:(UISearchBar *)searchBar
{
}
- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText
{
[mySearchDisplayController.searchResultsTableView reloadData];
}
最后的环节了, 这个地方的逻辑千变万化了,开始搜索事件,已经加载视图事件, 结束搜索事件
#pragma mark - UISearchDisplayDelegate
- (void) searchDisplayControllerDidBeginSearch:(UISearchDisplayController *)controller NS_DEPRECATED_IOS(3_0,8_0)
{
mySearchDisplayController.searchResultsTableView.contentInset = UIEdgeInsetsMake(mySearchBar.frame.size.height, 0, 0, 0); //设置searchResultsTableView的contentInset,否则位置会错误
}
- (void)searchDisplayController:(UISearchDisplayController *)controller didLoadSearchResultsTableView:(UITableView *)tableViewNS_DEPRECATED_IOS(3_0,8_0)
{
}
- (void) searchDisplayControllerDidEndSearch:(UISearchDisplayController *)controller NS_DEPRECATED_IOS(3_0,8_0)
{
[mySearchBar removeFromSuperview]; //移除mySearchBar
}
// return YES to reload table. called when search string/option changes. convenience methods on top UISearchBar delegate methods
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString*)searchString NS_DEPRECATED_IOS(3_0,8_0)
{
if(@"符合条件")
{
return YES;
}
return NO;
}
就到这里结束,是不是很容易? 这是第一次发布,如果做的不好,请大神指正,如果文笔不好(估计是肯定的),也请多指教,最后希望能多多帮助到大家。
Sely 原创