开篇之前，我们先来看一下我们即将实现的效果：
输入搜索关键词之前
输入搜索关键词之后
下面通过代码来了解一下其实现逻辑
首先，创建一个PersonData的类 ，属性可以自定义无限制添加，在此只要一个属性name。
#import <Foundation/Foundation.h>
@interface PersonData : NSObject
@property(nonatomic,strong)NSString *name;
@end
紧接着就是UITableView和UISearchBar的结合，我们创建一个控制器，并声明几个属性
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource,UISearchBarDelegate>
@property (weak, nonatomic) IBOutlet UITableView *tableView;
@property(nonatomic,strong)NSArray *tableData;
@property(nonatomic,strong)NSMutableArray *requltData;
@property(nonatomic,strong)NSArray *tableIndexData;
@property(nonatomic,strong)NSMutableArray *requltIndexData;
@property(nonatomic,assign)BOOL searchActive;
@end
-(void)test{
UISearchBar *searchBar = [[UISearchBar alloc]init];
[searchBar sizeToFit];
searchBar.delegate = self;
[searchBar setAutocorrectionType:UITextAutocorrectionTypeNo];
_tableView.tableHeaderView = searchBar;
_tableView.sectionIndexColor = [UIColor grayColor];
[_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"Cell"];
_tableView.dataSource = self;
_tableView.delegate = self;
NSArray *arr = @[@"张三",@"李四",@"王五",@"刘二",@"石小文",@"范玉",@"梁涛涛",@"杜玉真",@"张宇",@"赵四",@"刘能"];//,@"沈海鹏",@"曾志伟"
NSMutableArray *personArray = [NSMutableArray arrayWithCapacity:arr.count];
for (NSString *name in arr) {
PersonData *data = [[PersonData alloc]init];
data.name = name;
[personArray addObject:data];
}
NSArray *tempArray = [self groupingSortingWithObjects:personArray withSelector:@selector(name) isEmptyArray:YES];
self.tableData = tempArray[0];
self.tableIndexData = tempArray[1];
}
做好了以上的准备工作，接下来就开始今天的重点,在这里我们需要把本地所有的数据模型根据name属性进行分组来获取一个索引数组，以及一个用于显示UI的数据源数组。集体实现逻辑如下
/**
将传进来的数据模型分组并排序 分成若干个分组 每个分组也进行排序 并删除分组中为空的分组
@param objects 初始的对象数组
@param selector 属性名称
@param empty 清空与否
@return 返回一个大数组 数组中是小数组 小数组中存储模型对象
*/
-(NSArray *)groupingSortingWithObjects:(NSArray *)objects withSelector:(SEL)selector isEmptyArray:(BOOL)empty{
//UILocalizedIndexedCollation的分组排序建立在对对象的操作之上
UILocalizedIndexedCollation *collation = [UILocalizedIndexedCollation currentCollation];
//得到collation索引数量（26个字母和1个#）
NSMutableArray *indexArray = [NSMutableArray arrayWithArray:collation.sectionTitles];
NSUInteger sectionNumber = [indexArray count];//sectionNumber = 27
//建立每个section数组
NSMutableArray *sectionArray = [NSMutableArray arrayWithCapacity:sectionNumber];
for (int index = 0; index < sectionNumber; index++) {
NSMutableArray *subArray = [NSMutableArray array];
[sectionArray addObject:subArray];
}
for (PersonData *model in objects) {
//根绝SEL方法返回的字符串判断对象应该处于哪个分区
//将每个人按name分到某个section下
NSInteger index = [collation sectionForObject:model collationStringSelector:selector];//获取name属性的值所在的位置，比如“林”首字母是L,则就把林放在L组中
NSMutableArray *tempArray = sectionArray[index];
[tempArray addObject:model];
}
//对每个section中的数组按照name属性排序
for (NSMutableArray *arr in sectionArray) {
NSArray *sortArr = [collation sortedArrayFromArray:arr collationStringSelector:selector];
[arr removeAllObjects];
[arr addObjectsFromArray:sortArr];
}
//是不是删除空数组
if (empty) {
[sectionArray enumerateObjectsWithOptions:NSEnumerationReverse usingBlock:^(NSArray *obj, NSUInteger idx, BOOL * _Nonnull stop) {
if (obj.count == 0) {
[sectionArray removeObjectAtIndex:idx];
[indexArray removeObjectAtIndex:idx];
}
}];
}
//第一个数组为tableView的数据源 第二个数组为索引数组 A B C......
return @[sectionArray,indexArray];
}
我们在输入搜索关键词的时候需要实现UISecrchBar的UISecrchBarDelegate中的-(void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText方法
-(void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText{
if (searchText.length == 0) {
_searchActive = NO;
[self.tableView reloadData];
return;
}
_searchActive = YES;
_requltData = [NSMutableArray array];
_requltIndexData = [NSMutableArray array];
dispatch_queue_t globalQueue = dispatch_get_global_queue(0, 0);
dispatch_async(globalQueue, ^{
[self.tableData enumerateObjectsUsingBlock:^(NSMutableArray *obj, NSUInteger adx, BOOL * _Nonnull stop) {
if (_requltData.count == 0 || [[_requltData lastObject] count] != 0) {
[_requltData addObject:[NSMutableArray array]];
}
[obj enumerateObjectsUsingBlock:^(PersonData *person, NSUInteger bdx, BOOL * _Nonnull stop) {
NSString *tempStr = person.name;
NSString *pinyin = [self transformToPinyin:tempStr isQuanpin:NO];
if ([pinyin rangeOfString:searchText options:NSCaseInsensitiveSearch].length > 0) {
[_requltData.lastObject addObject:person];
if (_requltIndexData == 0 || ![_requltIndexData.lastObject isEqualToString:_tableIndexData[adx]]) {
[_requltIndexData addObject:_tableIndexData[adx]];
}
}
}];
}];
if ([_requltData.lastObject count] == 0) {
[_requltData removeLastObject];
}
dispatch_async(dispatch_get_main_queue(), ^{
[self.tableView reloadData];
});
});
}
-(NSString *)transformToPinyin:(NSString *)originalString isQuanpin:(BOOL)quanpin{
NSMutableString *muStr = [NSMutableString stringWithString:originalString];
//汉字转成拼音
CFStringTransform((CFMutableStringRef)muStr, NULL, kCFStringTransformMandarinLatin, NO);
//去掉音标
CFStringTransform((CFMutableStringRef)muStr, NULL, kCFStringTransformStripDiacritics, NO);
NSArray *pinyinArray = [muStr componentsSeparatedByString:@" "];
NSMutableString *allString = [NSMutableString new];
if (quanpin) {
int count = 0;
for (int i = 0; i < pinyinArray.count; i++)
{
for (int i = 0; i < pinyinArray.count; i++) {
if (i == count)
{
[allString appendString:@"#"];
}
[allString appendFormat:@"%@",pinyinArray[i]];
}
[allString appendString:@","];
count++;
}
}
NSMutableString *initialStr = [NSMutableString new];
for (NSString *str in pinyinArray) {
if ([str length] > 0) {
[initialStr appendString:[str substringFromIndex:1]];
}
}
[allString appendFormat:@"#%@",initialStr];
[allString appendFormat:@",#%@",originalString];
return allString;
}
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
[[[UIApplication sharedApplication] keyWindow] endEditing:YES];
}
最后实现
UITableViewDelegate,UITableViewDataSource
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return _searchActive ? _requltData.count : _tableData.count;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return _searchActive ? [_requltData[section] count] : [_tableData[section] count];
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
PersonData * m = _searchActive ? _requltData[indexPath.section][indexPath.row] : _tableData[indexPath.section][indexPath.row];
cell.textLabel.text = m.name;
return cell;
}
- (nullable NSArray<NSString *> *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
return _searchActive ? _requltIndexData : _tableIndexData;
}
-(NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index{
return [[UILocalizedIndexedCollation currentCollation]sectionForSectionIndexTitleAtIndex:index];
}
#pragma mark - Table View Delegate
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
UILabel * tempLab = [[UILabel alloc] initWithFrame:CGRectMake(30, 0, self.view.bounds.size.width, 20)];
// tempLab.textAlignment = NSTextAlignmentCenter;
tempLab.text = _searchActive ? _requltIndexData[section] : _tableIndexData[section];
tempLab.backgroundColor = [UIColor colorWithRed:243/255.0 green:243/255.0 blue:243/255.0 alpha:1.0];
return tempLab;
}
以上就是左右的逻辑设计与实现过程。 另外有一点大家需要注意一点 有一些多音字的在分组的时候显示的并不是那么友好，比如：沈 是多音字，也念ceng 会被分到C组。曾也是一样等等。。
