IOS 表视图(UITableVIew)的使用方法(3)名单的索引显示

当数据量特别大时，简单地以role进行分段，对实际查找的效率提升并不大。就像上一节开头所说，开发者可以根据球员名字的首字母进行分段，且分成26段。由于段数较多，可以使用UITableView的索引机制，在界面的右侧展示一条垂直的字母列表，使用户可以快速地在段与段之间进行切换。

新建一个继承自SimpleTableViewController的子类名为IndexedTableViewController，头文件声明如下：

#import "HBSimpleTableViewController.h"
#import "ChineseString.h"
#import "pinyin.h"

@interface HBIndexedTableViewController : HBSimpleTableViewController
{
    //即表示每段的段名，也表示索引表的内容
    NSArray *_indexTitles;
}

并且在SimpleTableViewController的数据源的基础上，对其进行改善优化,数据源将会得到重新制作，代码如下：

-(void)initData
{
    [super initData];
    
    //将26个字母放进_indexTitles中
    //表示段名，也表示索引表的内容
    NSMutableArray *arrTmp=[NSMutableArray arrayWithCapacity:0];
    for (char c='A';c<='Z';c++) {
        [arrTmp addObject:[NSString stringWithFormat:@"%c",c]];
    }
    if (_indexTitles) {
        _indexTitles=nil;
    }
    
    _indexTitles = [[NSArray alloc]initWithArray:arrTmp];
    
    //中文排序
    //step1：获取要排序的数组
    NSMutableArray *shouldSortArray=[NSMutableArray arrayWithArray:self.datasource];
    
    //step2:获取字符串中文字的拼音首字母并与字符串共同存放
    NSMutableArray *chineseStringsArray=[NSMutableArray array];
    for (int i=0; i<[shouldSortArray count]; i++) {
        ChineseString *chineseString=[[ChineseString alloc]init];
        
        HBPlayerInfo *onePlaer=[shouldSortArray objectAtIndex:i];
        
        chineseString.string=[NSString stringWithString:onePlaer.name];
        
        if(chineseString.string == nil)
        {
            chineseString.string = @"";
        }
        
        if(![chineseString.string isEqualToString:@""])
        {
            NSString *pinYinResult=[NSString string];
            for (int j=0; j<chineseString.string.length; j++) {
                NSString *singlePinyinLetter=[[NSString stringWithFormat:@"%c",pinyinFirstLetter([chineseString.string characterAtIndex:j])]uppercaseString];
                
                pinYinResult=[pinYinResult stringByAppendingString:singlePinyinLetter];
            }
            chineseString.pinYin=pinYinResult;
        }
        else
        {
            chineseString.pinYin=@"";
        }
        [chineseStringsArray addObject:chineseString];
    }
    
    //step2的输出
    NSLog(@"


转换为拼音首字母后的NSString数组");
    for (int i=0; i<[chineseStringsArray count]; i++) {
         ChineseString *chineseString=[chineseStringsArray objectAtIndex:i];
       NSLog(@"原String:%@----拼音首字母String:%@",chineseString.string,chineseString.pinYin);
    }
    
    //step3:按照拼音首字母对这些string进行排序
    NSArray *sortDescriptors=[NSArray arrayWithObjects:[NSSortDescriptor sortDescriptorWithKey:@"pinYin" ascending:YES], nil];
    
    [chineseStringsArray sortUsingDescriptors:sortDescriptors];
    
    //step3的输出
    NSLog(@"


按照拼音首字母后的NSString数组");
    for(int i=0;i<[chineseStringsArray count];i++){
        ChineseString *chineseString=[chineseStringsArray objectAtIndex:i];
        NSLog(@"原String:%@----拼音首字母String:%@",chineseString.string,chineseString.pinYin);
    }
    
    //step4:如果有需要，再把排序好的内容从ChineseString类中提取出来
    NSMutableArray *result=[NSMutableArray array];
    NSMutableArray *pinYinResult=[NSMutableArray array];
    for(int i=0;i<[chineseStringsArray count];i++){
        [result addObject:((ChineseString*)[chineseStringsArray objectAtIndex:i]).string];
        [pinYinResult addObject:((ChineseString *)[chineseStringsArray objectAtIndex:i]).pinYin];
    }
    //Step4输出
    NSLog(@"


最终结果:");
    for(int i=0;i<[result count];i++){
        NSLog(@"%@",[result objectAtIndex:i]);
    }
    
    
    //得到名字排好序的数据源后，需要将这些球员对象根据名字的首字母，进行分段
    NSMutableArray *arrAll = [NSMutableArray arrayWithCapacity:0];
    
    //遍历26个字母
    for(NSString *aIndexTitle in _indexTitles)
    {
        arrTmp=[[NSMutableArray alloc]initWithCapacity:0];
        
        //遍历球员对象，找到那些名字是当前字母的球员，加到arrTmp中去
        for (ChineseString *oneChineseString in chineseStringsArray) {
            NSString *pinYin=oneChineseString.pinYin;
            NSString *firstPinYin=[pinYin substringToIndex:1];
            
            //不区分大小写比较
            if([[firstPinYin lowercaseString] hasPrefix:[aIndexTitle lowercaseString]])
            {
                [arrTmp addObject:oneChineseString];
            }
        }
        [arrAll addObject:arrTmp];
    }
    //重置数据源，进行赋值
    
    if(_datasource)
    {
        _datasource=nil;
    }
    _datasource = [[NSArray alloc] initWithArray:arrAll];
}

数据源操作完，对于UITableView的数据源回调函数，需要为索引机制定做一套

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return _indexTitles.count;
}

//每段几行
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    if(!self.datasource)
    {
        return 0;
    }
    
    NSArray *arrSectionPlayer=[self.datasource objectAtIndex:section];
    return arrSectionPlayer.count;
}

//索引表内容
-(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
    return _indexTitles;
}

//索引表与段之间的关联
-(NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index
{
    //告诉我们一个段名和该段的序号
    //我们需要返回一个对于索引表数组内容的序号
    NSInteger count=0;
    for (NSString *aAlpha in _indexTitles) {
        if ([aAlpha isEqualToString:title]) {
            return count;
        }
        count++;
    }
    return 0;
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"IndexTableViewCellId";
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if(cell == nil)
    {
        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }
    
    //数据源有两层，需要注意获取特定球员对象的方法
    ChineseString *chineseString=nil;
    NSArray *arrSectionPlayer = [self.datasource objectAtIndex:indexPath.section];
    if(arrSectionPlayer && arrSectionPlayer.count>indexPath.row)
    {
        chineseString=[arrSectionPlayer objectAtIndex:indexPath.row];
    }
    if(chineseString)
    {
        cell.textLabel.text=chineseString.string;
    }
    return cell;
}

另外，段名并非一定需要实现其数据源回调函数，使用代理回调函数也能够对段名进行配置，代码如下：

#pragma mark-
#pragma mark TableView delegate
//段名高22px高
-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 22.0f;
}

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    //使用UILabel来显示段名
    NSString *strHeaderTitle = @"";
    UILabel *labHeaderView = [[UILabel alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 320.0f, 22.0f)];
    
    if(_indexTitles && section < _indexTitles.count)
    {
        strHeaderTitle = [_indexTitles objectAtIndex:section];
    }
    labHeaderView.text = [NSString stringWithFormat:@"  %@",strHeaderTitle];
    labHeaderView.textColor = [UIColor whiteColor];
    labHeaderView.shadowColor = [UIColor grayColor];
    labHeaderView.shadowOffset = CGSizeMake(1.0f, 1.0f);
    labHeaderView.font =[UIFont fontWithName:@"Helvetica" size:16.0f];
    labHeaderView.backgroundColor=[UIColor colorWithRed:200.0f/255.0f green:200.0f/255.0f blue:200.0f/255.0f alpha:1.0f];
    
    return labHeaderView;
}

运行程序，得到如图14.8所示的结果。