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

项目介绍

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

主要功能：

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

• 上拉、点击屏幕或点击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哦-_-