QQList

思路:采用 MVC的思想来进行编写该界面

首先是模型:

//

//  FUTHFriend.h

//  QQ好友列表

//

//  Created by future on 15/7/23.

//  Copyright (c) 2015年 future. All rights reserved.

//

#import <Foundation/Foundation.h>

@interface FUTHFriend : NSObject

@property (nonatomic,copy)NSString* name;

@property (nonatomic,copy)NSString* icon;

@property (nonatomic,copy)NSString* intro;

@property (nonatomic,assign,getter=isVip)BOOL vip;

+(instancetype)friendWithDict:(NSDictionary*)dict;

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

@end

//

//  FUTHFriend.m

//  QQ好友列表

//

//  Created by future on 15/7/23.

//  Copyright (c) 2015年 future. All rights reserved.

//

#import "FUTHFriend.h"

@implementation FUTHFriend

+(instancetype)friendWithDict:(NSDictionary*)dict

{

    FUTHFriend* f = [[FUTHFriendalloc]initWithDict:dict];

    return  f;

}

-(instancetype)initWithDict:(NSDictionary*)dict{

    if (self = [superinit]) {

        [selfsetValuesForKeysWithDictionary:dict];

    }

    return self;

}

@end

#import <Foundation/Foundation.h>

@interface FUTHFriendGroup : NSObject

@property (nonatomic,copy)NSString* name;

@property (nonatomic,strong)NSArray* friends;

@property (nonatomic,assign)int online;

/**

 *  是否展开

 */

@property (nonatomic,assign,getter=isOpen)BOOL  open;

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

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

@end

#import "FUTHFriendGroup.h"

#import "FUTHFriend.h"

@implementation FUTHFriendGroup

+(instancetype)groupWithDict:(NSDictionary*)dict{

    FUTHFriendGroup* f = [[FUTHFriendGroupalloc]initWithDict:dict];

    return  f;

}

-(instancetype)initWithDict:(NSDictionary*)dict{

    if (self = [superinit]) {

        //注入所以属性

        [selfsetValuesForKeysWithDictionary:dict];

        

        //特殊处理 friends

        NSMutableArray* mtArray = [NSMutableArrayarray];

        for (NSDictionary* dictin self.friends) {

            FUTHFriend* friend = [[FUTHFriendalloc] initWithDict:dict];

            [mtArray addObject:friend];

        }

        _friends = mtArray;

        

    }

    returnself;

}

@end

然后视图:

#import <UIKit/UIKit.h>

@classFUTHFriend;

@interface FUTHFriendCell : UITableViewCell

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

@property (nonatomic,strong)FUTHFriend* friendData;

@end

#import "FUTHFriendCell.h"

#import "FUTHFriend.h"

@implementation FUTHFriendCell

- (void)awakeFromNib {

    // Initialization code

}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {

    [super setSelected:selected animated:animated];

    // Configure the view for the selected state

}

+ (instancetype)cellWithTableView:(UITableView*)tableView{

    static NSString* ID = @"friends";

    FUTHFriendCell* cell = [tableViewdequeueReusableCellWithIdentifier:ID];

    if (cell == nil) {

        cell = [[FUTHFriendCellalloc] initWithStyle:UITableViewCellStyleSubtitlereuseIdentifier:ID];

    }

    return cell;

}

-(void)setFriendData:(FUTHFriend *)friendData{

    

    self.imageView.image = [UIImageimageNamed:friendData.icon];

    self.textLabel.text = friendData.name;

    self.detailTextLabel.text = friendData.intro;

}

@end

#import <UIKit/UIKit.h>

@classFUTHFriendGroup;

@protocol FUTHFriendGroupDelegate <NSObject>

-(void)headerViewDidClickedNameView;

@end

@interface FUTHHeaderView :UITableViewHeaderFooterView

@property (nonatomic,strong)FUTHFriendGroup* group;

@property (nonatomic,weak)id<FUTHFriendGroupDelegate> delegate;

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

@end

#import "FUTHFriendGroup.h"

#import "FUTHHeaderView.h"

@interfaceFUTHHeaderView()

@property (nonatomic,weak)UILabel* countView;

@property (nonatomic,weak)UIButton* nameView;

@end

@implementation FUTHHeaderView

/*

某个控件出不来

 1.frame 的尺寸

 

 2hidden 是否为 yes

 

 3.有没有添加到父控件

 

 4.alpha 是否为<0.01

 

 5.被其他控件挡住了

 

 6.父控件的前面五个情况

 

 */

+(instancetype)headerWithTableView:(UITableView*)tableView{

    static NSString* ID = @"header";

    FUTHHeaderView* header = [tableViewdequeueReusableHeaderFooterViewWithIdentifier:ID];

    if (header == nil ) {

        header = [[FUTHHeaderViewalloc] initWithReuseIdentifier:ID];

    }

    return  header;

    

}

//在初始化方法中FUTHHeaderView 的 frame\bounds 为0

-(instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier{

    

    if (self = [superinitWithReuseIdentifier:reuseIdentifier]) {

        //add btn

        UIButton* nameView = [UIButtonbuttonWithType:UIButtonTypeCustom];

        //

//        nameView.frame = self.bounds;

        nameView.backgroundColor = [UIColorredColor];

       // [nameView setBackgroundColor:[UIColor redColor] forState:UIControlStateNormal];

        [nameView setImage:[UIImageimageNamed:@"buddy_header_arrow"]forState:UIControlStateNormal];

        [nameView setBackgroundImage:[UIImageimageNamed:@"buddy_header_bg"]forState:UIControlStateNormal];

        [nameView setBackgroundImage:[UIImageimageNamed:@"buddy_header_bg_highlighted"]forState:UIControlStateHighlighted];

        

       

        nameView.titleLabel.textAlignment =NSTextAlignmentLeft;

        [nameView setTitleColor:[UIColorblackColor] forState:UIControlStateNormal];

        

        //对齐方式

        nameView.contentHorizontalAlignment =UIControlContentHorizontalAlignmentLeft;

        //边距

        nameView.contentEdgeInsets =UIEdgeInsetsMake(0,10,0,0);

        nameView.titleEdgeInsets =UIEdgeInsetsMake(0,10,0,0);

       _nameView = nameView;

        //add click event

        [nameView addTarget:selfaction:@selector(nameViewClicked)forControlEvents:UIControlEventTouchUpInside];

        //设置按钮内部的 imageView的内容模式为居中

        nameView.imageView.contentMode =UIViewContentModeCenter;

        //不裁剪图片

        nameView.imageView.clipsToBounds =NO;

        

        [self.contentViewaddSubview:nameView];

     

        

        //add friend count

        UILabel* countlabel = [[UILabelalloc] init];

        countlabel.textColor = [UIColorblackColor];

        

        [self.contentViewaddSubview:countlabel];

        countlabel.textAlignment =NSTextAlignmentRight;

        _countView = countlabel;

    }

  

    returnself;

}

/**

 *  头部的点击事件

 *

 *  @return void

 */

-(void)nameViewClicked{

    _group.open = !_group.open;

    if ([_delegaterespondsToSelector:@selector(headerViewDidClickedNameView)]) {

        [_delegateheaderViewDidClickedNameView];

    }

    //在此调用不行,因为 reloadData会刷新控件

//    if (_group.isOpen) {

//        self.nameView.imageView.transform = CGAffineTransformMaker

//    }

}

/**

 *  当控件被加入的时候会自动调用

 */

-(void)didMoveToSuperview{

    

    if (_group.isOpen) {

        self.nameView.imageView.transform = CGAffineTransformMakeRotation(M_PI_2);

    } else{

        self.nameView.imageView.transform = CGAffineTransformMakeRotation(0);

    }

    

}

/**

 *  当一个控件的 frame发生改变的时候就会调用

 一般在这里布局内部的子控件的 frame

 *

 *  @return void

 */

-(void)layoutSubviews{

#warning  一定要调用 super 的方法

    [superlayoutSubviews];

    

    //set nameView

    _nameView.frame =self.bounds;

    

//set 好友的 frame

        CGFloat countY = 0;

        CGFloat countH =self.bounds.size.height;

        CGFloat countW = 150;;

        CGFloat countX = self.bounds.size.width -10 - countW;

        _countView.frame =CGRectMake(countX , countY, countW, countH);

    

}

-(void)setGroup:(FUTHFriendGroup *)group{

        //set nameView

    _group = group;

    [_nameViewsetTitle:group.nameforState:UIControlStateNormal];

    

    //set countView

    _countView.text = [NSStringstringWithFormat:@"%d/%d",_group.online,_group.friends.count];

    

}

@end

最后控制器:

#import <UIKit/UIKit.h>

@interface ViewController :UITableViewController

@end

#import "ViewController.h"

#import "FUTHFriend.h"

#import "FUTHFriendGroup.h"

#import "FUTHHeaderView.h"

#import "FUTHFriendCell.h"

@interfaceViewController ()<FUTHFriendGroupDelegate>

@property (nonatomic,strong)NSArray* groups;

@end

@implementation ViewController

#pragma mark -FriendGroup

-(NSArray*)groups{

    if (_groups ==nil) {

        

        NSArray* dictArray = [NSArrayarrayWithContentsOfFile:[[NSBundlemainBundle] pathForResource:@"friends.plist"ofType:nil]];

        NSMutableArray* groupArray = [NSMutableArrayarray];

        for (NSDictionary*dictin dictArray) {

            FUTHFriendGroup* group = [[FUTHFriendGroupalloc]initWithDict:dict];

            [groupArray addObject:group];

        }

        _groups = groupArray;

    }

    return_groups;

}

- (void)viewDidLoad {

    [superviewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    self.tableView.sectionHeaderHeight =40;

 

}

-(BOOL)prefersStatusBarHidden{

    returnYES;

}

- (void)didReceiveMemoryWarning {

    [superdidReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

#pragma mark -TableDataSource

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{

    

    returnself.groups.count;

}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

   

    BOOL open = [self.groups[section]isOpen];

    if (open) {

     return [self.groups[section]friends].count;

    } else{

        return 0;

    }

    

}

-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    

       

    //set cell

    FUTHFriendGroup* group = self.groups[indexPath.section];

    FUTHFriend* friend = group.friends[indexPath.row];

    

    FUTHFriendCell* cell = [FUTHFriendCellcellWithTableView:tableView];

    //set data

    cell.friendData = friend;

    

    

    return cell;

}

//-(NSString*)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{

//    return [self.groups[section] name];

//}

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

    FUTHHeaderView* header = [FUTHHeaderViewheaderWithTableView:tableView];

    

    header.group = _groups[section];

    header.delegate = self;

    

    return header;

}

-(void)headerViewDidClickedNameView{

    

    [self.tableViewreloadData];

    

}

@end