上一節實現了簡單的好友列表，但是信息不夠豐富，本節將好友的頭像，名稱，簽名等信息全部顯示出來

此處我們需要自定義cell

創建一個類  繼承

UITableViewCell

添加所需屬性

1. #import <UIKit/UIKit.h>
3. @interface UserTableViewCell : UITableViewCell
6. @property (strong,nonatomic) UIImageView *headerphoto;//頭像
7. @property (strong,nonatomic) UILabel *nameLabel;//昵稱
8. @property (strong,nonatomic) UILabel *isOnLine;//是否在線
9. @property (strong,nonatomic) UILabel *introductionLabel;//個性簽名，動態等
10. @property (strong,nonatomic) UILabel *networkLabel;//網絡狀態
13. @end

 

重寫初始化方法 添加各屬性

1. -(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifierNSString *)reuseIdentifier
2. {
3.     self=[super initWithStyle:style reuseIdentifier:reuseIdentifier];
4.     if (self) {
5.         headerphoto=[[UIImageView alloc]initWithFrame:CGRectMake(10, 5, 50, 50)];
6.         [self.contentView addSubview:headerphoto];
8.         nameLabel=[[UILabel alloc]initWithFrame:CGRectMake(60, 5, 200, 25)];
9.         nameLabel.backgroundColor=[UIColor clearColor];
10.         nameLabel.font=[UIFont systemFontOfSize:16];
11.         [self.contentView addSubview:nameLabel];
13.         isOnLine=[[UILabel alloc]initWithFrame:CGRectMake(60, 40, 50, 5)];
14.         isOnLine.font=[UIFont systemFontOfSize:10];
15.         [self.contentView addSubview:isOnLine];
17.         introductionLabel=[[UILabel alloc]initWithFrame:CGRectMake(120, 40, 180, 5)];
18.         introductionLabel.font=[UIFont systemFontOfSize:10];
19.         [self.contentView addSubview:introductionLabel];
21.         networkLabel=[[UILabel alloc]initWithFrame:CGRectMake(SCREEN_WIDTH-50, 5, 50, 25)];
22.         networkLabel.font=[UIFont systemFontOfSize:10];
23.         [self.contentView addSubview:networkLabel];
24.     }
25.     return self;
26. }

 

修改viewcontroller 中tablevew的delegate方法

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 = @"UserCell";
10.     UserTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
11.     cell=nil;
12.     if (cell == nil) {
13.         cell = [[UserTableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
15.         cell.selectionStyle = UITableViewCellSelectionStyleGray;
16.     }
18.     NSDictionary *dic=[arr objectAtIndex:indexPath.row];
19.     cell.headerphoto.image=[UIImage imageNamed:[dic valueForKey:@"usericon"]];
20.     cell.nameLabel.text=[dic valueForKey:@"name"];
21.     cell.isOnLine.text=@"[在線]";
22.     cell.introductionLabel.text=@"無動態";
23.     cell.networkLabel.text=@"4G";
25.     return cell;
27. }

將其中cell修改成自定義的cell 這樣就能按照自己想要的樣式去實現

此時完成了好友信息的基本展示

下節我們講繼續講一下如何講分組折疊起來