搜索框的创建

Posted ch520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搜索框的创建相关的知识,希望对你有一定的参考价值。

  • ios 8.0 以上版本中, 我们可以使用 UISearchController 来非常方便地在 UITableView 中添加搜索框.
  • 而在之前版本中, 我们还是必须使用 UISearchDisplayController + UISearchBar 的组合方式。
  • 我们创建的 tableView 和搜索控制器创建的 tableView 都会走代理方法,
  • 需要在代理方法中判断响应代理方法的 tableView 是哪一个,如果响应代理方法的 tableView 不是我创建的,
  • 说明一定是搜索控制器创建的。在 iOS 8.0 以下版本中需使用 tableView == myTableView 判断,
  • 在 iOS 8.0 以上版本中需使用 mySearchController.active 判断。

1、在 iOS 8.0 以下版本中

  • 遵守协议 UISearchDisplayDelegate
  • 1.1 搜索结果数组初始化

// 声明搜索结果存放数组
@property(nonatomic, retain)NSMutableArray *mySearchResultArray;

// 初始化搜索结果存放数组
mySearchResultArray = [[NSMutableArray alloc] init];
  • 1.2 searchDisplayController 初始化

// 声明搜索控制器,自带一个表格视图,用来展示搜索结果,必须设置为全局变量
@property(nonatomic, retain)UISearchDisplayController *mySearchDisplayController;

// 实例化搜索条
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 44)];

// 实例化搜索控制器对象
mySearchDisplayController = [[UISearchDisplayController alloc] initWithSearchBar:searchBar contentsController:self];

// 设置搜索控制器的代理
mySearchDisplayController.delegate = self;

// 为搜索控制器自带 tableView 指定代理
mySearchDisplayController.searchResultsDelegate = self;
mySearchDisplayController.searchResultsDataSource = self;

// 将搜索条设置为 tableView 的表头
myTableView.tableHeaderView = searchBar;
  • 1.3 UISearchDisplayDelegate 协议方法

// 更新搜索结果
/*
只要搜索框的文字发生了改变,这个方法就会触发。searchString 为搜索框内输入的内容。
*/
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString {

    // 清空上一次搜索的内容
    [mySearchResultArray removeAllObjects];

    for (NSArray *subArray in myDataArray) {

        // 将搜索的结果存放到数组中
        for (NSString *str in subArray) {
            NSRange range = [str rangeOfString:searchString];
            if (range.length) {
                [mySearchResultArray addObject:str];
            }
        }
    }
    return YES;
}
  • 1.4 UITableView 协议方法

// 设置分段头标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {

    if (tableView == myTableView) {
        return [NSString stringWithFormat:@"%c", (char)('A' + section)];
    }
    return @"搜索结果";
}

// 设置分段数
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

    if (tableView == myTableView) {
        return myDataArray.count;
    }
    return 1;
}

// 设置行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    if (tableView == myTableView) {
        return [[myDataArray objectAtIndex:section] count];
    }
    return mySearchResultArray.count;
}

// 设置每段显示的内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"testIdentifier"];

    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"testIdentifier"];
    }

    if (tableView == myTableView) {
        cell.textLabel.text = [[myDataArray objectAtIndex:indexPath.section] objectAtIndex:indexPath.row];
    }
    else {
        cell.textLabel.text = [mySearchResultArray objectAtIndex:indexPath.row];
    }
    return cell;
}

2、在 iOS 8.0 及以上版本中

  • 遵守协议 UISearchResultsUpdating
  • 2.1 搜索结果数组初始化

// 声明搜索结果存放数组
@property(nonatomic, retain)NSMutableArray *mySearchResultArray;

// 初始化搜索结果存放数组
mySearchResultArray = [[NSMutableArray alloc] init];
  • 2.2 searchController 初始化

// 声明搜索控制器,自带一个表格视图控制器,用来展示搜索结果,必须设置为全局变量
@property(nonatomic, retain)UISearchController *mySearchController;

// 实例化搜索控制器
mySearchController = [[UISearchController alloc] initWithSearchResultsController:nil];

// 设置搜索代理
mySearchController.searchResultsUpdater = self;

// 设置搜索条大小
[mySearchController.searchBar sizeToFit];

// 设置搜索期间背景视图是否取消操作,default is YES
mySearchController.dimsBackgroundDuringPresentation = NO;

// 设置搜索期间是否隐藏导航条,default is YES
mySearchController.hidesNavigationBarDuringPresentation = NO;

// 将 searchBar 添加到表格的开头
myTableView.tableHeaderView = mySearchController.searchBar;
  • 2.3 UISearchResultsUpdating 协议方法

// 更新搜索结果
/*
只要搜索框的文字发生了改变,这个方法就会触发。searchController.searchBar.text 为搜索框内输入的内容
*/
- (void)updateSearchResultsForSearchController:(UISearchController *)searchController {

    // 清除上一次的搜索结果
    [mySearchResultArray removeAllObjects];

    // 将搜索的结果存放到数组中
    for (NSArray *subArray in myDataArray) {                                                                            
        for (NSString *str in subArray) {

            NSRange range = [str rangeOfString:searchController.searchBar.text];
            if (range.length) {
                [mySearchResultArray addObject:str];
            }
        }
    }

    // 重新加载表格视图,不加载的话将不会显示搜索结果
    [myTableView reloadData];
}
  • 2.4 UITableView 协议方法

// 设置分段头标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {                           

    if (mySearchController.active) {
        return @"搜索结果";
    }
    return [NSString stringWithFormat:@"%c", (char)('A' + section)];
}

// 设置分段数
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

    if (mySearchController.active) {
        return 1;
    }
    return myDataArray.count;
}

// 设置行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    if (mySearchController.active) {
        return mySearchResultArray.count;
    }
    return [[myDataArray objectAtIndex:section] count];
}

// 设置每段显示的内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {                

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"testIdentifier"];

    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"testIdentifier"];
    }

    if (mySearchController.active) {
        cell.textLabel.text = [mySearchResultArray objectAtIndex:indexPath.row];
    }
    else {
        cell.textLabel.text = [[myDataArray objectAtIndex:indexPath.section] objectAtIndex:indexPath.row];
    }
    return cell;
}

3、运行效果图

  • 技术分享图片-------技术分享图片

以上是关于搜索框的创建的主要内容,如果未能解决你的问题,请参考以下文章

C#中如何实现百度搜索框的效果

搜索框的创建

如何创建片段以重复变量编号中的代码行

网页搜索输入框的这个搜索过滤器代码有啥问题?

PHP:多行文本框的便捷小片段

ios UISearchBar搜索框的基本使用