IOS UI-QQ好友列表

一、Model

 //
 //  FriendsModel.h
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import <Foundation/Foundation.h>

 @interface FriendsModel : NSObject

 @property (nonatomic, copy) NSString *icon;
 @property (nonatomic, copy) NSString *intro;
 @property (nonatomic, copy) NSString *name;
 @property (nonatomic, assign, getter=isVip) BOOL vip;

 - (instancetype)initWithDict:(NSDictionary *)dict;
 + (instancetype)friendsModelWithDict:(NSDictionary *)dict;

 @end

 //
 //  FriendsModel.m
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import "FriendsModel.h"

 @implementation FriendsModel

 - (instancetype) initWithDict:(NSDictionary *)dict
 {
     if (self = [super init]) {
         [self setValuesForKeysWithDictionary:dict];

     }
     return self;
 }

 + (instancetype)friendsModelWithDict:(NSDictionary *)dict
 {
     return [[self alloc] initWithDict:dict];
 }

 @end

 //
 //  GroupModel.h
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import <Foundation/Foundation.h>

 @interface GroupModel : NSObject

 @property (nonatomic, copy) NSString *name;
 @property (nonatomic, assign) NSInteger online;
 @property (nonatomic, strong) NSArray *friends;
 //设置组是否可见
 @property (nonatomic, assign, getter=isVisible) BOOL visible;

 - (instancetype)initWithDict:(NSDictionary *)dict;
 + (instancetype)groupWithDict:(NSDictionary *)dict;

 @end

 //
 //  GroupModel.m
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import "GroupModel.h"
 #import "FriendsModel.h"

 @implementation GroupModel

 - (instancetype)initWithDict:(NSDictionary *)dict
 {
     if (self = [self init]) {
         [self setValuesForKeysWithDictionary:dict];

         // 创建一个可变数组用来存放当前组中所有好友的模型
         NSMutableArray *friendArr = [NSMutableArray array];
         // 遍历当前组中所有好友的字典数组,所字典数组转换成模型数组
         for (NSDictionary *dict in self.friends) {
             // 把当前的好友字典转换成好友模型
             FriendsModel *model = [FriendsModel friendsModelWithDict:dict];
             // 把好友模型添加到数组中
             [friendArr addObject:model];
         }
         // 把装有当前组所有好友的模型数组赋值给组模型的friends属性
         _friends =friendArr;
     }
     return self;
 }

 + (instancetype)groupWithDict:(NSDictionary *)dict
 {
     return [[self alloc] initWithDict:dict];
 }

 @end

二、View

 //
 //  FriendTableViewCell.h
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import <UIKit/UIKit.h>
 @class FriendsModel;
 @interface FriendTableViewCell : UITableViewCell

 @property (nonatomic, strong) FriendsModel *friendModel;

 + (instancetype)friendCellWithTableView:(UITableView *)tableView;

 @end

 //
 //  FriendTableViewCell.m
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import "FriendTableViewCell.h"
 #import "FriendsModel.h"

 @implementation FriendTableViewCell

 //创建单元格
 + (instancetype)friendCellWithTableView:(UITableView *)tableView
 {
     static NSString *cellIdentifier = @"cellIdentifier";
     FriendTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
     if (!cell) {
         cell = [[FriendTableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier];
     }
     return cell;
 }
 //设置单元格数据
 - (void)setFriendModel:(FriendsModel *)friendModel
 {
     _friendModel = friendModel;
     //NSLog(@"%@",_friendModel.icon);

     //把模型数据设置给子控件
     self.imageView.image = [UIImage imageNamed:_friendModel.icon];
     self.textLabel.text = _friendModel.name;
     self.detailTextLabel.text = _friendModel.intro;

     //根据当前好友是不是VIP来决定是否将昵称显示为红色
     self.textLabel.textColor = _friendModel.vip ? [UIColor redColor] : [UIColor blackColor];

 }

 - (void)awakeFromNib {
     // Initialization code
 }

 - (void)setSelected:(BOOL)selected animated:(BOOL)animated {
     [super setSelected:selected animated:animated];

     // Configure the view for the selected state
 }

 @end

 //
 //  GroupHeaderView.h
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import <UIKit/UIKit.h>

 @class GroupHeaderView;
 @protocol  GroupHeaderViewDelegate<NSObject>

 - (void)groupHeaderViewDidClickTitleButton:(GroupHeaderView *)groupHeaderView;

 @end

 @class GroupModel;
 @interface GroupHeaderView : UITableViewHeaderFooterView

 @property (nonatomic, strong) GroupModel *groupModel;

 //增加一个代理属性
 @property (nonatomic, weak) id<GroupHeaderViewDelegate> delegate;

 + (instancetype)groupHeaderViewWithTableView:(UITableView *)tableView;

 @end

 //
 //  GroupHeaderView.m
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import "GroupHeaderView.h"
 #import "GroupModel.h"

 @interface GroupHeaderView ()

 @property (nonatomic, strong) UIButton *btnGroupTitle;
 @property (nonatomic, strong) UILabel *lblCount;

 @end

 @implementation GroupHeaderView

 #pragma mark - groupHeaderViewWithTableView方法
 //封装一个类方法，创建GroupHeaderView
 + (instancetype)groupHeaderViewWithTableView:(UITableView *)tableView
 {
     static NSString *ID = @"UITableViewHeaderFooterView";
     GroupHeaderView *HeaderView = [tableView dequeueReusableCellWithIdentifier:ID];
     if (HeaderView == nil) {
         HeaderView = [[GroupHeaderView alloc] initWithReuseIdentifier:ID];
     }
     return HeaderView;
 }

 #pragma mark - initWithReuseIdentifier方法
 //重写initWithReuseIdentifier:方法，在创建GroupHeaderView时，同时创建子控件
 - (instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier
 {
     if (self = [super initWithReuseIdentifier:reuseIdentifier]) {
         //创建按钮
         self.btnGroupTitle = [[UIButton alloc] init];
         //设置图片
         [self.btnGroupTitle setImage:[UIImage imageNamed:@"buddy_header_arrow"] forState:UIControlStateNormal];
         //设置按钮背景图片
         [self.btnGroupTitle setBackgroundImage:[UIImage imageNamed:@"buddy_header_bg"] forState:UIControlStateNormal];
         [self.btnGroupTitle setBackgroundImage:[UIImage imageNamed:@"buddy_header_bg_highlighted"] forState:UIControlStateHighlighted];
         //设置按钮中整体内容左对齐
         self.btnGroupTitle.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
         //设置按钮内容的内边距
         self.btnGroupTitle.contentEdgeInsets = UIEdgeInsetsMake(, , , );
         //设置按钮标题距离左边的边距
         [self.btnGroupTitle setTitleEdgeInsets:UIEdgeInsetsMake(, , , )];
         //设置按钮中图片的显示模式
         self.btnGroupTitle.imageView.contentMode = UIViewContentModeCenter;
         //让图片框超出的部分不要截掉
         self.btnGroupTitle.imageView.clipsToBounds = NO;
         //点击事件
         [self.btnGroupTitle addTarget:self action:@selector(btnGroupTitleClick) forControlEvents:UIControlEventTouchUpInside];
         //加载到视图
         [self.contentView addSubview:self.btnGroupTitle];

         //创建Label
         self.lblCount = [[UILabel alloc] init];
         [self.contentView addSubview:self.lblCount];
     }
     return self;
 }
 //组标题按钮的点击事件
 - (void)btnGroupTitleClick
 {
     //1.设置组的状态
     self.groupModel.visible = !self.groupModel.isVisible;
     //2.刷新TableView的数据
     if (self.delegate != nil && [self.delegate respondsToSelector:@selector(groupHeaderViewDidClickTitleButton:)]) {
         //调用代理方法
         [self.delegate groupHeaderViewDidClickTitleButton:self];
     }
 }
 #pragma mark - didMoveToSuperview方法
 //当一个新的headerView已经加载到父控件中执行这个方法
 - (void)didMoveToSuperview
 {
     if (self.groupModel.visible ) {
         //让按钮中的图片旋转
         self.btnGroupTitle.imageView.transform = CGAffineTransformMakeRotation(M_PI_2);
     }
     else
         //让按钮中的图片旋转
         self.btnGroupTitle.imageView.transform = CGAffineTransformMakeRotation();
 }
 #pragma mark - setGroupModel方法
 //重写setGroupModel方法
 - (void)setGroupModel:(GroupModel *)groupModel
 {
     _groupModel = groupModel;
     //设置数据

     //设置按钮上的文字
     [self.btnGroupTitle setTitle:_groupModel.name forState:UIControlStateNormal];
     [self.btnGroupTitle setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

     //设置Label上的文字
     self.lblCount.text = [NSString stringWithFormat:@"%lu / %lu",_groupModel.online,_groupModel.friends.count];

     //解决按钮中的图片旋转问题
     if (self.groupModel.visible ) {
         //让按钮中的图片旋转
         self.btnGroupTitle.imageView.transform = CGAffineTransformMakeRotation(M_PI_2);
     }
     else
         //让按钮中的图片旋转
         self.btnGroupTitle.imageView.transform = CGAffineTransformMakeRotation();

     //不要在这里设置frame，因为当前控件的frame为0；

 }
 #pragma mark - layoutSubviews方法
 //当前控件的frame发生改变调用这个方法
 - (void)layoutSubviews
 {
     [super layoutSubviews];

     //设置frame

     self.btnGroupTitle.frame = self.bounds;

     CGFloat lblW = ;
     CGFloat lblH = self.bounds.size.height;
     CGFloat lblX = self.bounds.size.width -  - lblW;
     CGFloat lblY = ;
     self.lblCount.frame = CGRectMake(lblX, lblY, lblW, lblH);

 }

 /*
 // Only override drawRect: if you perform custom drawing.
 // An empty implementation adversely affects performance during animation.
 - (void)drawRect:(CGRect)rect {
     // Drawing code
 }
 */

 @end

三、Controller

 //
 //  QQFriendsTableVC.m
 //  IOS_0111_好友列表
 //
 //  Created by ma c on 16/1/11.
 //  Copyright (c) 2016年 博文科技. All rights reserved.
 //

 #import "QQFriendsTableVC.h"
 #import "GroupModel.h"
 #import "FriendsModel.h"
 #import "FriendTableViewCell.h"
 #import "GroupHeaderView.h"

 @interface QQFriendsTableVC ()<GroupHeaderViewDelegate>

 @property (nonatomic, strong) NSArray *groupArr;

 @end

 @implementation QQFriendsTableVC

 #pragma mark - 懒加载
 - (NSArray *)groupArr
 {
     if (_groupArr == nil) {
         NSString *path = [[NSBundle mainBundle] pathForResource:@"friends.plist" ofType:nil];
         NSArray *arrDict = [NSArray arrayWithContentsOfFile:path];

         NSMutableArray *arrModel = [NSMutableArray array];
         for (NSDictionary *dict in arrDict) {

             GroupModel *model = [GroupModel groupWithDict:dict];

             [arrModel addObject:model];

         }
         _groupArr =arrModel;
     }
     return _groupArr;

 }
 #pragma mark - 数据源方法
 //组数
 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
 {
     return self.groupArr.count;
 }
 //每组行数
 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
 {
     GroupModel *model = self.groupArr[section];
     if (model.visible == NO) {
         return ;
     }
     else
         return model.friends.count;
 }
 //设置单元格
 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
     //1.获取模型
     GroupModel *groupModel = self.groupArr[indexPath.section];
     FriendsModel *friendsModel = groupModel.friends[indexPath.row];

     //2.创建单元格
     FriendTableViewCell *cell = [FriendTableViewCell friendCellWithTableView:tableView];

     //3.设置单元格内容
     cell.friendModel = friendsModel;

     //4.返回单元格
     return cell;
 }
 ////设置每一组的组标题（只能设置字符串，但我们每一组还包含其他子控件）
 //- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
 //{
 //    GroupModel *groupModel = self.groupArr[section];
 //    return groupModel.name;
 //}

 //设置HeaderView
 - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
 {
     //不要创建一个UIView返回，因为无法重用
     //为了重用每个Header中的UIView，这里要返回UITableViewHeaderFooterView

     //1.获取模型
     GroupModel *groupModel = self.groupArr[section];
     //2.创建UITableViewHeaderFooterView
     GroupHeaderView *HeaderView = [GroupHeaderView groupHeaderViewWithTableView:tableView];
     //因为刚创建好的HeaderView没有设置frame，所以frame为0，但是运行以后我们看到都是有frame
     //原因UITableView要用到HeaderView，会根据一些设置动态为HeaderView的frame赋值
     //3.设置数据
     HeaderView.groupModel = groupModel;
     //设置组的标志
     HeaderView.tag = section;
     //设置代理
     HeaderView.delegate = self;
     //4.返回view
     return HeaderView;

 }
 #pragma mark - viewDidLoad方法
 - (void)viewDidLoad
 {
     [super viewDidLoad];
     self.tableView.backgroundColor = [UIColor groupTableViewBackgroundColor];
     //统一设置每组标题的高度
     self.tableView.sectionHeaderHeight = ;
     self.tableView.tableFooterView = [[UIView alloc] init];
 }
 #pragma mark - GroupHeaderViewDelegate代理方法
 - (void)groupHeaderViewDidClickTitleButton:(GroupHeaderView *)groupHeaderView
 {
     //刷新TableView
 //    [self.tableView reloadData];
     //局部刷新
     NSIndexSet *indexSet = [[NSIndexSet alloc] initWithIndex:groupHeaderView.tag];
     [self.tableView reloadSections:indexSet withRowAnimation:UITableViewRowAnimationFade];
 }

 #pragma mark - 隐藏状态栏
 - (BOOL)prefersStatusBarHidden
 {
     return YES;
 }

 @end