添加索引

最近公司需要做城市相关内容，就好好研究了下如何添加索引

效果如图：

实现过程如下：

一、添加

UITableView添加的两个代理方法UITableViewDataSource, UITableViewDelegate

二、初始化UITableView，然后注意属性：

self.myTableView =  [[UITableView alloc] initWithFrame:CGRectMake(0, 0, 320, 100 +64) style:UITableViewStylePlain];

     myTableView.dataSource = self;

     myTableView.delegate = self;

     myTableView.allowsSelection=YES;

     myTableView.showsHorizontalScrollIndicator = NO;

     myTableView.showsVerticalScrollIndicator = NO;

     //设置索引列文本的颜色

     myTableView.sectionIndexColor = [UIColor redColor];


     [self.view addSubview:myTableView];

三、第三步：添加索引的数据 indexArr，里面可以直接时“A”、“B”…………等大写字母字符串；

四、相关代理的使用

//添加索引列

  

-(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView

  

{

    

     return  indexArr;

  

}

//索引列点击事件

  

-(NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index

  

{

  

  NSLog(@ "===%@  ===%d" ,title,index);

  

  //点击索引，列表跳转到对应索引的行

  

  [tableView  scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:index]

  atScrollPosition:UITableViewScrollPositionTop animated:YES];

  

  return  index;

  

}

五、在- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section中添加元素

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

{

    

     UIView *headView = [[[UIView alloc]init]autorelease];

     headView.backgroundColor = [UIColor clearColor];

    

     //标题背景

     UIView *biaotiView = [[[UIView alloc]init]autorelease];

     biaotiView.backgroundColor = BB_White_Color;

     biaotiView.frame=CGRectMake(0, 0, 320, 30);

    [headView addSubview:biaotiView];

         

     //标题文字

     UILabel *lblBiaoti = [[[UILabel alloc]init]autorelease];

     lblBiaoti.backgroundColor = [UIColor clearColor];

     lblBiaoti.textAlignment = NSTextAlignmentLeft;

     lblBiaoti.font = [UIFont systemFontOfSize:15];

     lblBiaoti.textColor = [UIColor blackColor];

     lblBiaoti.frame = CGRectMake(15, 7.5, 200, 15);

     lblBiaoti.text = [headerList objectAtIndex:section-1];

     [biaotiView addSubview:lblBiaoti];

    

     return  headView;

}