一，創建項目

二，創建所需屬性及實現列表

首先給ViewController創建兩個屬性

1. UITableView *tableView;//展示列表
2. NSArray *titleArray;//第一層列表需要展示的數據

 

初始化

1. tableView=[[UITableView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
2. tableView.showsVerticalScrollIndicator=NO;
3. tableView.separatorStyle=UITableViewCellSeparatorStyleSingleLine;
4. [self.view addSubview:tableView];

1. <span >    </span>titleArray=[[NSArray alloc]initWithObjects:@"朋友",@"親戚",@"同學",@"驢友",@"論壇好友", nil nil];

給ViewController 添加TableView 相關的協議

1. @interface ViewController ()<UITableViewDataSource,UITableViewDelegate>
2. {
3.     UITableView *tableView;//展示列表
4.     NSArray *titleArray;//第一層列表需要展示的數據
7. }

實現相關協議

1. #pragma mark --tableViewDelegate
2. -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
3. {
4.     //返回列表的行數
5.     return titleArray.count;
6. }
8. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
9. {
10.     return 0;
11. }
12. -(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
13. {
14.     return 50;
15. }
16. -(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
17. {
18.     UIView *view=[[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 30)];
20.     UILabel *titleLabel=[[UILabel alloc]initWithFrame:CGRectMake(20, 5, SCREEN_WIDTH, 30)];
21.     titleLabel.text=[titleArray objectAtIndex:section];
22.     [view addSubview:titleLabel];
24.     return view;
25. }

到此為止已經實現了第一層分類列表的實現

接下來 我們實現第二層。比如說展開朋友分組就會出現所有朋友分組下的好友列表

首先創建一個字典用來存儲相關信息

1. NSArray *friendsArray;//好友列表
2. NSArray *familyArray;//親戚列表
3. NSArray *schoolmateArray;//同學列表
4. NSArray *friendstravelArray;//驢友列表
5. NSArray *xianFriendsArray;//西安好友列表
6. NSArray *strangersArray;//陌生人列表
8. NSDictionary *dataDic;//第二層需要展示的數據

 

初始化數據

1. -(void)initDataSource
2. {
3.     titleArray=[[NSArray alloc]initWithObjects:@"朋友",@"親戚",@"同學",@"驢友",@"西安好友",@"陌生人", nil nil];
5.     NSDictionary *dic01=[[NSDictionary alloc]initWithObjectsAndKeys:@"張三豐",@"name",@"男",@"sex", nil nil];
6.     NSDictionary *dic02=[[NSDictionary alloc]initWithObjectsAndKeys:@"鄧超",@"name",@"男",@"sex", nil nil];
7.     NSDictionary *dic03=[[NSDictionary alloc]initWithObjectsAndKeys:@"吳奇隆",@"name",@"男",@"sex", nil nil];
9.     friendsArray=[[NSArray alloc]initWithObjects:dic01,dic02,dic03, nil nil];
11.     NSDictionary *dic11=[[NSDictionary alloc]initWithObjectsAndKeys:@"爸爸",@"name",@"男",@"sex", nil nil];
12.     NSDictionary *dic12=[[NSDictionary alloc]initWithObjectsAndKeys:@"弟弟",@"name",@"男",@"sex", nil nil];
13.     NSDictionary *dic13=[[NSDictionary alloc]initWithObjectsAndKeys:@"三哥",@"name",@"男",@"sex", nil nil];
14.     NSDictionary *dic14=[[NSDictionary alloc]initWithObjectsAndKeys:@"大伯",@"name",@"男",@"sex", nil nil];
15.     NSDictionary *dic15=[[NSDictionary alloc]initWithObjectsAndKeys:@"二舅",@"name",@"男",@"sex", nil nil];
17.     familyArray=[[NSArray alloc]initWithObjects:dic11,dic12,dic13,dic14,dic15, nil nil];
19.     NSDictionary *dic21=[[NSDictionary alloc]initWithObjectsAndKeys:@"胖子",@"name",@"男",@"sex", nil nil];
20.     NSDictionary *dic22=[[NSDictionary alloc]initWithObjectsAndKeys:@"雄哥",@"name",@"男",@"sex", nil nil];
21.     NSDictionary *dic23=[[NSDictionary alloc]initWithObjectsAndKeys:@"小六子",@"name",@"男",@"sex", nil nil];
23.     schoolmateArray=[[NSArray alloc]initWithObjects:dic21,dic22,dic23, nil nil];
26.     NSDictionary *dic31=[[NSDictionary alloc]initWithObjectsAndKeys:@"三炮",@"name",@"男",@"sex", nil nil];
27.     NSDictionary *dic32=[[NSDictionary alloc]initWithObjectsAndKeys:@"鄭海峰",@"name",@"男",@"sex", nil nil];
28.     NSDictionary *dic33=[[NSDictionary alloc]initWithObjectsAndKeys:@"王重陽",@"name",@"男",@"sex", nil nil];
29.     NSDictionary *dic34=[[NSDictionary alloc]initWithObjectsAndKeys:@"丘處機",@"name",@"男",@"sex", nil nil];
30.     NSDictionary *dic35=[[NSDictionary alloc]initWithObjectsAndKeys:@"呂娜",@"name",@"男",@"sex", nil nil];
31.     NSDictionary *dic36=[[NSDictionary alloc]initWithObjectsAndKeys:@"郭金明",@"name",@"男",@"sex", nil nil];
33.     friendstravelArray=[[NSArray alloc]initWithObjects:dic31,dic32,dic33,dic34,dic35,dic36, nil nil];
35.     NSDictionary *dic41=[[NSDictionary alloc]initWithObjectsAndKeys:@"李曉峰",@"name",@"男",@"sex", nil nil];
36.     NSDictionary *dic42=[[NSDictionary alloc]initWithObjectsAndKeys:@"王蒙",@"name",@"男",@"sex", nil nil];
37.     NSDictionary *dic43=[[NSDictionary alloc]initWithObjectsAndKeys:@"李建",@"name",@"男",@"sex", nil nil];
39.     xianFriendsArray=[[NSArray alloc]initWithObjects:dic41,dic42,dic43, nil nil];
41.     NSDictionary *dic51=[[NSDictionary alloc]initWithObjectsAndKeys:@"胡雪",@"name",@"男",@"sex", nil nil];
42.     NSDictionary *dic52=[[NSDictionary alloc]initWithObjectsAndKeys:@"張小歡",@"name",@"男",@"sex", nil nil];
43.     NSDictionary *dic53=[[NSDictionary alloc]initWithObjectsAndKeys:@"劉麗麗",@"name",@"男",@"sex", nil nil];
45.     strangersArray=[[NSArray alloc]initWithObjects:dic51,dic52,dic53, nil nil];
47.     dataDic=[[NSDictionary alloc]initWithObjectsAndKeys:friendsArray,[titleArray objectAtIndex:0],familyArray,[titleArray objectAtIndex:1],schoolmateArray,[titleArray objectAtIndex:2],friendstravelArray,[titleArray objectAtIndex:3],xianFriendsArray,[titleArray objectAtIndex:4], strangersArray,[titleArray objectAtIndex:5], nil nil];
50. }

 

實現以下幾個代理方法

1. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPathNSIndexPath *)indexPath
2. {
4.     NSString *str=[titleArray objectAtIndex:indexPath.section];
6.     NSArray *arr=[dataDic objectForKey:str];
8.     static NSString *CellIdentifier = @"MainCell";
10.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
11.     cell=nil;
12.     if (cell == nil) {
13.         cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
15.         cell.selectionStyle = UITableViewCellSelectionStyleGray;
16.     }
19.     UILabel *userLabel=[[UILabel alloc]initWithFrame:CGRectMake(30, 5, SCREEN_WIDTH, 30)];
20.     userLabel.text=[[arr objectAtIndex:indexPath.row] valueForKey:@"name"];
21.     [cell.contentView addSubview:userLabel];
22.     return cell;
24. }

 

到目前位置 效果如下：

這節我們先講到這裡，下節我們將實現好友列表的豐富（包括頭像，簽名等）