一、表視圖的索引目錄

首先要創建一個TableView,之前有說過，這里就不詳細說了（參考前面第十四篇）。

直接貼代碼吧，

1 #import "ViewController.h" 2 3 @interface ViewController ()<UITableViewDataSource,UITableViewDelegate>{ 4 5 UITableView *tableView; 6 7 NSArray *list;//分組標題 8 NSDictionary *dic;//每行內容 9 } 10 11 @end 12 13 @implementation ViewController 14 15 - (void)viewDidLoad { 16 [super viewDidLoad]; 17 // Do any additional setup after loading the view, typically from a nib. 18 CGFloat width = self.view.frame.size.width; 19 CGFloat height = self.view.frame.size.height; 20 21 tableView = [[UITableView alloc] initWithFrame:(CGRect){0,20,width,height}]; 22 tableView.dataSource = self; 23 tableView.delegate = self; 24 tableView.separatorStyle = UITableViewCellSeparatorStyleNone; 25 [self.view addSubview:tableView]; 26 27 [self readySource]; 28 } 29 30 //在viewDidLoad方法中調用 31 - (void)readySource{ 32 33 dic = @{@"A":@[@"adhere", @"adaft", @"abase", @"alarm", @"apace"], 34 @"B":@[@"babel", @"board", @"bili", @"band"], 35 @"C":@[@"cabbages", @"crray", @"china", @"chafe", @"cocos", @"core"], 36 @"D": @[@"dabbing", @"dacca", @"dady"], 37 @"E": @[@"email", @"each", @"eager", @"ebook", @"enable", @"embalm", @"eman"], 38 @"F": @[@"fear", @"faceBook", @"float", @"flour"], 39 @"G": @[@"getter", @"gaba", @"grace", @"great", @"gracious"], 40 @"H": @[@"header", @"haber", @"habit", @"hoard"], 41 }; 42 list = dic.allKeys; 43 } 44 45 //返回分組個數 46 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{ 47 return [list count]; 48 } 49 50 //返回每個分組中的行數 51 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ 52 //獲取分組 53 NSString *key = [list objectAtIndex:section]; 54 //獲取分組里面的數組 55 NSArray *array = [dic objectForKey:key]; 56 57 return [array count]; 58 } 59 60 - (UITableViewCell *)tableView:(UITableView *)TableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ 61 62 //索引路徑 63 NSInteger section = [indexPath section]; 64 NSInteger row = [indexPath row]; 65 66 //獲取分組 67 NSString *key = [list objectAtIndex:section]; 68 69 //獲取分組里面的數組 70 NSArray *array = [dic objectForKey:key]; 71 72 //建立可重用標識符 73 static NSString *indentifier = @"UITableViewCell"; 74 75 // NSString *indentifier = [NSString stringWithFormat:@"UITableViewCell%ld%ld",(long)indexPath.row,(long)indexPath.section]; 76 77 UITableViewCell *cell = [TableView dequeueReusableCellWithIdentifier:indentifier]; 78 if (!cell) { 79 cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:indentifier]; 80 } 81 82 //設置其輔助樣式 83 cell.accessoryType = UITableViewCellAccessoryNone; 84 85 //移除所有子視圖 86 [cell.subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) { 87 UIView *view = (UIView*)obj; 88 [view removeFromSuperview]; 89 }]; 90 91 //添加新視圖 92 UILabel *title = [[UILabel alloc] initWithFrame:(CGRect){20,10,200,30}]; 93 NSString *str = [array objectAtIndex:row]; 94 title.text = str; 95 title.font = [UIFont systemFontOfSize:20]; 96 title.textColor = [UIColor blueColor]; 97 [cell addSubview:title]; 98 99 return cell; 100 } 101 102 //獲取分組標題 103 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{ 104 105 NSString *key = [list objectAtIndex:section]; 106 return key; 107 } 108 109 //給TableViewCell添加索引 110 - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{ 111 112 return list; 113 114 } 115 116 //點擊目錄 117 - (NSInteger)tableView:(UITableView *)TableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index{ 118 119 //獲取所點目錄對應的IndexPath值 120 NSIndexPath *selectIndexPath = [NSIndexPath indexPathForRow:0 inSection:index]; 121 122 //讓Table滾動到對應的indexPath位置 123 [TableView scrollToRowAtIndexPath:selectIndexPath atScrollPosition:UITableViewScrollPositionBottom animated:YES]; 124 return index; 125 } 126 127 //設置TableViewCell行高 128 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ 129 130 return 50; 131 }

效果圖：

二、可以進行標記的表視圖

首先要在- (UITableViewCell *)tableView:(UITableView *)TableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;方法中，把cell.accessoryType = UITableViewCellAccessoryNone;

1 //點擊行事件 2 - (void)tableView:(UITableView *)TableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ 3 4 //獲取點擊行的cell 5 UITableViewCell *cell = [TableView cellForRowAtIndexPath:indexPath]; 6 7 //如果cell已經被標記 8 if (cell.accessoryType == UITableViewCellAccessoryCheckmark) { 9 //取消標記 10 cell.accessoryType = UITableViewCellAccessoryNone; 11 }else 12 //反之，標記 13 cell.accessoryType = UITableViewCellAccessoryCheckmark; 14 15 //取消選中效果 16 [TableView deselectRowAtIndexPath:indexPath animated:YES]; 17 }

效果圖：

轉載于:https://www.cnblogs.com/0320y/p/5098670.html

總結

以上是生活随笔為你收集整理的ios基础篇（二十六）—— UITableViewCell的分组索引与标记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。