iOS搜索页面-简单的字段(包含中英文)搜索与种类筛选

上周写了一个搜索界面,实现了搜索和简单筛选的小功能,在这里做一下记录与分享。

Github:看这里

iOS搜索页面-简单的字段(包含中英文)搜索与种类筛选_第1张图片

iOS搜索控件有UISearchBar和UISearchController,有时也需要我们自定义一个搜索视图进行搜索功能的实现,但是对于一般的情况而言,我们通过KVC基本都能满足UI和产品方面的需求。在这里我用searchBar实现了一个简单的搜索筛选功能。

实现思路:

1、将请求到的数据存储在数据源数组中

2、动态控制搜索参数进行搜索

3、根据搜索条件,将符合条件的数据存储到搜索结果数组中

4、刷新视图

具体实现:

@interface XSSearchViewController (){

UISearchBar *_searchBar;//搜索栏

UITableView *_tableView;//主视图

UIView *_popView;//筛选视图

UIButton *_lastBtn;//筛选按钮暂存

}

@property (nonatomic, copy) NSString *queryText;//搜索字段

@property (nonatomic, assign) NSInteger type;//筛选类型

@property (nonatomic, strong) NSMutableArray *dataArray;//源数据

@property (nonatomic, strong) NSMutableArray *resultArray;//搜索数据

@end

/** 定义的数据筛选类型 */

typedef NS_ENUM(NSInteger,DateType) {

DateTypeAll,            //所有数据

DateTypePositive,      //正面

DateTypeVillain        //反面

};

实例化搜索控件:

_searchBar = [[UISearchBar alloc]initWithFrame:CGRectMake(0, 64, KScreenWidth, 40)];

_searchBar.placeholder = @"试试搜索人物信息";

_searchBar.delegate = self;

_searchBar.barTintColor = [UIColor whiteColor];//设置渲染颜色

_searchBar.backgroundImage = [UIImage new];//设置空背景图片

[self.view addSubview:_searchBar];

注:为了满足界面显示效果,有时需要将搜索栏边框进行隐藏,这里通过设置backgroundImage属性为[UIImage new]实现。

构建数据:

- (void)loadData{

NSArray *texts = @[@"李达康",@"侯亮平",@"陆亦可",@"沙瑞金",@"易学习",@"祁同伟",@"赵瑞龙",@"丁义珍",@"刘新建"];

NSArray *types = @[@"1",@"1",@"1",@"1",@"1",@"2",@"2",@"2",@"2"];

for (int i = 0; i < texts.count; i++) {

InfoModel *model = [[InfoModel alloc]init];

model.infoText = texts[i];

model.infoType = [types[i] integerValue];

[self.dataArray addObject:model];

}

_resultArray = [[NSMutableArray alloc]initWithArray:_dataArray];

[_tableView reloadData];

}

注:将_resultArray初始值赋为全部数据,在进行搜索操作时再根据搜索条件动态改变_resultArray的值,进行搜索结果的呈现。

根据搜索条件检索出数据:

- (void)searchInfo{

/**

这里我做了简单的本地检索,通过截取字符串进行简单比较。

但是在数据较多的情况下,一般我们通过获取searchBar上的文字,向后台发送搜索字段,接收后台返回的数据再进行数据的呈现。

*/

/** 搜索字段为空时,显示所有数据*/

if (_queryText.length == 0) {

for (InfoModel *model in self.dataArray) {

if (model.infoType == _type || _type == 0) {

[_resultArray addObject:model];

}

}

[_tableView reloadData];

_popView.hidden = YES;

return;

}

/** 搜索条件不为空时,遍历数据进行筛选*/

/**搜索字段为拼音时对数据进行遍历:

1、数据内容为中文-——》将中文字符串进行转换,然后与搜索字段进行比较

2、数据内容为拼音--》直接对字符串进行比较

注:拼音字符应不区分大小写

*/

if (_queryText.length > 0 && ![ChineseInclude isIncludeChineseInString:_queryText]) {

for (InfoModel *model in _dataArray) {

if ([ChineseInclude isIncludeChineseInString:model.infoText]) {

NSString *tempStr = [PinYinForObjc chineseConvertToPinYin:model.infoText];

NSRange range = [tempStr rangeOfString:_queryText options:NSCaseInsensitiveSearch];

if (range.length > 0) {

[_resultArray addObject:model];

}

}else{

NSRange range = [model.infoText rangeOfString:_queryText options:NSCaseInsensitiveSearch];

if (range.length > 0) {

[_resultArray addObject:model];

}

}

}

}else{/** 搜索字段为汉字时直接进行字符串比较*/

for (InfoModel *model in self.dataArray) {

NSRange range = [model.infoText rangeOfString:_queryText options:NSCaseInsensitiveSearch];

if (range.length > 0 && (model.infoType == _type || _type == DateTypeAll)) {

[_resultArray addObject:model];

}

}

}

[_tableView reloadData];

_popView.hidden = YES;

/** 无数据时添加提示*/

if (_resultArray.count == 0) {

[MyControl showWithFram:_tableView.frame propmt:@"暂无搜索结果" onView:self.view];

[self.view bringSubviewToFront:_popView];

}else{

[MyControl dismissFromView:self.view];

}

}

你可能感兴趣的:(iOS搜索页面-简单的字段(包含中英文)搜索与种类筛选)