您的位置:首页 > 产品设计 > UI/UE

UISearchController

2015-10-12 17:24 363 查看
UISearchController 的简单使用

在 tableView 中用searchViewController 搜索 内容

直接开始  创建 Single View Application

在ViewController.m中创建 tableView  searchViewController  还有两个数组 一个存放网络请求的数据  一个存放 searchViewController 搜索的数据   本demo 一个需要 签订 4个协议

(两个数组皆为全局数组)

//  allMovieArray 是从网络请求下来的数组
self.allMovieArray = [NSMutableArray array];
//  searchArray 是搜索结果的数组
self.searchArray = [NSMutableArray array];


#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate,UISearchBarDelegate,UISearchResultsUpdating>


直接上代码

在 viewDidLoad中

创建 searchViewController

self.searchController = [[UISearchController alloc] initWithSearchResultsController:nil];
self.searchController.searchResultsUpdater = self;
//    设置开始搜索时背景显示与否 页面背景阴影效果,一般不要设置.
self.searchController.dimsBackgroundDuringPresentation = NO;
//设置点击搜索框时候隐藏导航栏
self.searchController.hidesNavigationBarDuringPresentation = NO;
self.searchController.searchBar.frame = CGRectMake(self.searchController.searchBar.frame.origin.x, self.searchController.searchBar.frame.origin.y, self.searchController.searchBar.frame.size.width, 44.0);
//    [searchBar sizeToFit]:设置searchBar位置自适应
[self.searchController.searchBar sizeToFit];
tableView 正常创建

self.myTableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) style:UITableViewStylePlain];
[self.view addSubview:self.myTableView];
[_myTableView release];
self.myTableView.delegate = self;
self.myTableView.dataSource = self;
self.myTableView.tableHeaderView = self.searchController.searchBar;


在 tableView 下面这个方法中返回不同tableVeiw的个数

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
//如果searchController是活动状态,说明是当前正在搜索
if (self.searchController.active) {

return self.searchArray.count;
}
else {
return self.allMovieArray.count;
}

}


在 tableView cellForRow中   判断 searchViewController 是否活跃 如果活跃 则 cell中显示

searchArray中的内容 否者显示 从网络获取的的内容

- (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];
}
if (self.searchController.active) {
cell.textLabel.text = [self.searchArray objectAtIndex:indexPath.row];
}
else {
cell.textLabel.text = [self.allMovieArray objectAtIndex:indexPath.row];
}

return cell;
}


在 tableView selectRow 方法中 也需要判断  如果 不判断点击进入下一页面会 出现显示的东西与你所点击的东西对不上的情况

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{

DetailViewController *detailVC = [[DetailViewController alloc] init];
//如果searchController是活动状态,说明是当前正在搜索
if (self.searchController.active) {
NSLog(@"选中搜索列表");
detailVC.movieName = [self.searchArray objectAtIndex:indexPath.row];
}
else {
NSLog(@"选中所有列表");
detailVC.movieName = [self.allMovieArray objectAtIndex:indexPath.row];
}
[self.navigationController pushViewController:detailVC animated:YES];
[detailVC release];

}


这个方法是 searchViewController 协议里的

- (void)updateSearchResultsForSearchController:(UISearchController *)searchController {
NSString *searchString = [self.searchController.searchBar text];
NSLog(@"===%@",searchString);

NSPredicate *preicate = [NSPredicate predicateWithFormat:@"SELF CONTAINS[c] %@", searchString];
if (self.searchArray!= nil) {
[self.searchArray removeAllObjects];
}
//过滤数据
/*
对象数组过滤

ios提供了一个filteredArrayUsingPredicate 方法,通过给定条件来进行过滤,过滤后形成一个新的数组。 而NSMutableArray提供了一个filterUsingPredicate方法,在原数组中保留符合条件的数组元素。
*/
self.searchArray= [NSMutableArray arrayWithArray:[self.allMovieArray filteredArrayUsingPredicate:preicate]];
NSLog(@"searchArray===%@",self.searchArray);

//刷新表格
[self.myTableView reloadData];
}



最后一步
//UISearchController的移除
//在viewWillDisappear中要将UISearchController移除, 否则切换到下一个View中, 搜索框仍然会有短暂的存在.
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
if (self.searchController.active) {
self.searchController.active = NO;
[self.searchController.searchBar removeFromSuperview];
}
}


到此简单的searchViewController就完成了;

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息