项目 - 下拉自动弹出搜索框

项目介绍

下面要实现一个集成下拉弹出搜索框并支持中英文搜索的框架

主要功能：

• 下拉时搜索框自动弹出，没有进行搜索操作，两秒后自动隐身

• 上拉、点击屏幕或点击cancer按钮时搜索框隐藏

• 支持中英文搜索

演示

实现

下拉弹出 上拉隐藏

上拉下拉的操作都是通过UIscrollView的代理方法进行监听

// 开始滑动tableView时调用- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{    [self.view endEditing:YES];    if (self.searchBar.text.length == 0 && self.searchBar.frame.origin.y >= 0) {        self.searchBar.frame = CGRectMake(0, -44, self.view.frame.size.width, 44);        self.switchTip = 0;    }}//手指按住屏幕滚动时调用- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    if (self.switchTip == 0)    {        if (scrollView.contentOffset.y <= -44)        {            [UIView animateWithDuration:0.3 animations:^{                //设置searchBarframe, 显示出来                self.searchBar.frame = CGRectMake(0, 0, self.view.frame.size.width, 44);                //tableView设置上面间距44                self.tableView.contentInset = UIEdgeInsetsMake(44, 0, 0, 0);            }];            //设置2s后关闭搜索框            [self performSelector:@selector(closeSearch) withObject:nil afterDelay:2];            self.switchTip = 1;        }    }}

搜索框编辑

对搜索框操作的监听是由UISearchBarDelegate 这个代理的方法实现的

#pragma mark - UISearchBarDelegate//当searchBar开始编辑，即当点击搜索框时- (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar{    [self.searchBar becomeFirstResponder];}//当在搜索框输入文字时调用- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText{    self.tmpItems = [self.searchBar searchContent:searchText InArray:self.items];    [self.tableView reloadData];}//搜索框结束搜索时调用- (void)searchBarTextDidEndEditing:(UISearchBar *)searchBar{    if (self.searchBar.text.length == 0)    {        [self performSelector:@selector(closeSearch) withObject:nil afterDelay:2];    }}//点击cancer按钮时执行- (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar{    self.searchBar.text = @"";    [self.tmpItems removeAllObjects];    [self.tableView reloadData];    [self.searchBar resignFirstResponder];}

中英文搜索

这部分主要解决的问题：

• 中英文混合字符串转换

  • 中文转换为拼音
  • 其他字母、字符保持不变

• 对检索关键词进行搜索

  • 对检索关键词和搜索池中的字符串都进行转换
  • 把检索到的字符串放到新数组中返回

不多说，直接上代码：

#pragma mark - 中文转换为拼音字符串- (NSString *)ZHStringChangeToEN:(NSString *)ZHText{    NSMutableString *stringResult = [NSMutableString string];    for (int i=0; i<ZHText.length; i++)    {                //获取字符range        NSRange range = NSMakeRange(i, 1);        //获取字符,注意CFStringTransform 接收NSMutableString        NSMutableString *keyWord = [[NSMutableString alloc] initWithString:[ZHText substringWithRange:range]];        int keyWordInt = [ZHText characterAtIndex:i];        //判断是否为中文        if (keyWordInt > 0x4e00 && keyWordInt < 0x9fff)        {            //先转换为latin style            CFStringTransform((__bridge CFMutableStringRef)keyWord, 0, kCFStringTransformMandarinLatin, NO);            //再转换为Pinyin            CFStringTransform((__bridge CFMutableStringRef)keyWord, 0, kCFStringTransformStripDiacritics, NO);        }        [stringResult appendString:keyWord];    }    return stringResult;}

//对关键字进行索引- (NSMutableArray *)searchContent:(NSString *)searchText InArray:(NSArray *)array{    NSString *upperSearchString = [[NSString alloc] init];    NSString *upperSearchPoolString = [[NSString alloc] init];    NSMutableArray *searchResultArray = [NSMutableArray array];    upperSearchString = [[self ZHStringChangeToEN:searchText] uppercaseString];    for (int i=0; i<array.count; i++)    {        upperSearchPoolString =  [[self ZHStringChangeToEN:array[i]] uppercaseString];        if ([upperSearchPoolString containsString:upperSearchString])        {            [searchResultArray addObject:array[i]];        }    }    return searchResultArray;}

遇到问题

• 中文字符直接串转拼音，拼音间会有空格，对于连续的词就不能进行检索

  解决方法就是对字符串单个字符进行转化，然后再拼接起来

• 搜索框2s后自动隐藏，如果2s以内进行上拉操作，则搜索框不隐藏

  在- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView 这个方法中隐藏搜索框

GitHub

https://github.com/HuanDay/EasySearchBar

感觉不错的小伙伴给个star哦-_-