IOS实现仿qq好友列表功能

ios开发之实现仿qq好友列表功能

////  UserTableViewCell.h//  UITableView协议////  Created by mouweng on 17/8/26.//  Copyright © 2017年 mouweng. All rights reserved.//#import <UIKit/UIKit.h>@interface UserTableViewCell : UITableViewCell@property (strong,nonatomic)UIImageView *headerPhoto;//头像@property (strong,nonatomic)UILabel *nameLabel;//昵称@property (strong,nonatomic)UILabel *isOnLine;//是否在线@property (strong,nonatomic)UILabel *introductionLabel;//个性签名，动态@property (strong,nonatomic)UILabel *networkLabel;//网络状态@end

////  UserTableViewCell.m//  UITableView协议////  Created by mouweng on 17/8/26.//  Copyright © 2017年 mouweng. All rights reserved.//#import "UserTableViewCell.h"@implementation UserTableViewCell- (void)awakeFromNib {    [super awakeFromNib];    // Initialization code}//重写初始化方法添加各个属性- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];    if(self)    {        _headerPhoto = [[UIImageView alloc] initWithFrame:CGRectMake(10, 5, 50, 50)];        [self.contentView addSubview:_headerPhoto];                _nameLabel = [[UILabel alloc] initWithFrame:CGRectMake(60, 5, 200, 25)];        _nameLabel.backgroundColor = [UIColor clearColor];        _nameLabel.font = [UIFont systemFontOfSize:16];        [self.contentView addSubview:_nameLabel];                _isOnLine = [[UILabel alloc] initWithFrame:CGRectMake(60, 40, 50, 5)];        _isOnLine.font = [UIFont systemFontOfSize:10];        [self.contentView addSubview:_isOnLine];                _introductionLabel = [[UILabel alloc] initWithFrame:CGRectMake(120, 40, 180, 5)];        _introductionLabel.font = [UIFont systemFontOfSize:10];        [self.contentView addSubview:_isOnLine];                _introductionLabel = [[UILabel alloc] initWithFrame:CGRectMake(120, 40, 180, 5)];        _introductionLabel.font = [UIFont systemFontOfSize:10];        [self.contentView addSubview:_introductionLabel];                _networkLabel = [[UILabel alloc] initWithFrame:CGRectMake(320-50, 5, 50, 25)];        _networkLabel.font = [UIFont systemFontOfSize:10];        [self.contentView addSubview:_networkLabel];                            }    return self;}- (void)setSelected:(BOOL)selected animated:(BOOL)animated {    [super setSelected:selected animated:animated];    // Configure the view for the selected state}@end

////  ViewController.h//  UITableView协议////  Created by mouweng on 17/8/21.//  Copyright © 2017年 mouweng. All rights reserved.//#import <UIKit/UIKit.h>@interface ViewController : UIViewController<UITableViewDelegate,UITableViewDataSource>{    UITableView *_tableView;//定义数据视图对象        NSMutableArray *selectedArr;//控制列表是否被打开    NSArray *_titleArray;//第一层需要展示的数据    NSDictionary *dataDic;//第二层需要展示的数据        NSArray *friendsArray;//好友列表    NSArray *familyArray;//亲戚列表    NSArray *schoolmateArray;//同学列表}@end

////  ViewController.m//  UITableView协议////  Created by mouweng on 17/8/21.//  Copyright © 2017年 mouweng. All rights reserved.//#import "ViewController.h"#import "UserTableViewCell.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.                _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 40, 320, 500) style:UITableViewStylePlain];    _tableView.delegate = self;    _tableView.dataSource = self;        [self.view addSubview:_tableView];        [self initArrayDate];}- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 30)];    view.backgroundColor = [UIColor whiteColor];        UILabel *titleLabel = [[UILabel alloc]initWithFrame:CGRectMake(30, 5, 320, 30)];    titleLabel.text = [_titleArray objectAtIndex:section];    [view addSubview:titleLabel];        //添加图片    UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(15 , 15, 10, 10)];    imageView.tag = 20000+section;    //根据当前是否展开设置图片    NSString *string = [NSString stringWithFormat:@"%ld",section];    if([selectedArr containsObject:string])    {        imageView.image = [UIImage imageNamed:@"arrow_down.jpg"];    }    else    {        imageView.image = [UIImage imageNamed:@"arrow_right.jpg"];    }    [view addSubview:imageView];        //添加一个button 用来监听分组，实现分组的展开关闭    UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];    btn.frame = CGRectMake(0, 0, 320, 50);    btn.tag = 10000+section;    [btn addTarget:self action:@selector(btnOpenList:) forControlEvents:UIControlEventTouchDown];    [view addSubview:btn];        return view;}- (void)btnOpenList:(UIButton *)sender{    NSString *string = [NSString stringWithFormat:@"%ld",sender.tag-10000];        //数组selectedArr里面存的数据和表头想对应，方便以后做比较    if ([selectedArr containsObject:string])    {        [selectedArr removeObject:string];    }    else    {        [selectedArr addObject:string];    }        [_tableView reloadData];    }-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{    return 50;}- (void)initArrayDate{    selectedArr = [[NSMutableArray alloc] init];    _titleArray = [[NSArray alloc] initWithObjects:@"好友",@"亲戚",@"同学", nil];        NSDictionary *dic01 = [[NSDictionary alloc]initWithObjectsAndKeys:@"张三丰",@"name",@"17_1.jpg",@"image" ,nil];    NSDictionary *dic02 = [[NSDictionary alloc]initWithObjectsAndKeys:@"邓超",@"name", @"17_2.jpg",@"image" ,nil];    NSDictionary *dic03 = [[NSDictionary alloc]initWithObjectsAndKeys:@"范冰冰",@"name", @"17_3.jpg",@"image" ,nil];    friendsArray = [[NSArray alloc] initWithObjects:dic01,dic02,dic03 ,nil];        NSDictionary *dic11 = [[NSDictionary alloc]initWithObjectsAndKeys:@"爸爸",@"name", @"17_4.jpg",@"image" ,nil];    NSDictionary *dic12 = [[NSDictionary alloc]initWithObjectsAndKeys:@"妈妈",@"name",@"17_5.jpg",@"image" , nil];    NSDictionary *dic13 = [[NSDictionary alloc]initWithObjectsAndKeys:@"姐姐",@"name",@"17_6.jpg",@"image" , nil];    NSDictionary *dic14 = [[NSDictionary alloc]initWithObjectsAndKeys:@"弟弟",@"name",@"17_7.jpg",@"image" , nil];    NSDictionary *dic15 = [[NSDictionary alloc]initWithObjectsAndKeys:@"哥哥",@"name", @"17_8.jpg",@"image" ,nil];    familyArray = [[NSArray alloc] initWithObjects:dic11,dic12,dic13,dic14,dic15, nil];        NSDictionary *dic21 = [[NSDictionary alloc]initWithObjectsAndKeys:@"胖虎",@"name",@"17_9.jpg",@"image" , nil];    NSDictionary *dic22 = [[NSDictionary alloc]initWithObjectsAndKeys:@"大熊",@"name", @"17_10.jpg",@"image" ,nil];    NSDictionary *dic23 = [[NSDictionary alloc]initWithObjectsAndKeys:@"小夫",@"name", @"17_11.jpg",@"image" ,nil];    NSDictionary *dic24 = [[NSDictionary alloc]initWithObjectsAndKeys:@"静香",@"name",@"17_12.jpg",@"image" , nil];    schoolmateArray = [[NSArray alloc] initWithObjects:dic21,dic22,dic23,dic24, nil];            dataDic = [[NSDictionary alloc] initWithObjectsAndKeys:friendsArray,[_titleArray objectAtIndex:0],familyArray,[_titleArray objectAtIndex:1],schoolmateArray,[_titleArray objectAtIndex:2], nil];}//设置组数- (NSInteger) numberOfSectionsInTableView:(UITableView *)tableView{    return [_titleArray count];}//设置每组里面的cell的个数- (NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    return [[dataDic objectForKey:[_titleArray objectAtIndex:section]] count];}//给每一个cell定义以及设置内容- (UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    NSString *indexStr = [NSString stringWithFormat:@"%ld",indexPath.section];        NSString *str = [_titleArray objectAtIndex:indexPath.section];    NSArray *arr = [dataDic objectForKey:str];        static NSString *CellIdentifier = @"MainCell";        UserTableViewCell *cell = [_tableView dequeueReusableCellWithIdentifier:str];        if(cell == nil)    {        cell = [[UserTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];        //cell.selectionStyle = UITableViewCellSelectionStyleGray;    }        if([selectedArr containsObject:indexStr])    {        NSDictionary *dic = [arr objectAtIndex:indexPath.row];        cell.headerPhoto.image = [UIImage imageNamed:[dic valueForKey:@"image"]];        cell.nameLabel.text = [dic valueForKey:@"name"];        cell.isOnLine.text = @"[在线]";        cell.introductionLabel.text = @"无动态";        cell.networkLabel.text = @"4G";    }        return cell;}- (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    return 60;}//- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section//{//    return @"头部标题";//}//获取每一组的尾部标题//- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section//{//    return @"尾部标题";//}//设置头部和尾部的高度//- (CGFloat) tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section//{//    return 100;//}////- (CGFloat) tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section//{//    return 100;//}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}@end

更改ViewController 里面的设置cell个数的协议函数 可以实现更加cell随按钮的收缩而收缩

//设置每组里面的cell的个数- (NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    //return [[dataDic objectForKey:[_titleArray objectAtIndex:section]] count];    NSString *str = [NSString stringWithFormat:@"%ld",section];    if([selectedArr containsObject:str])    {        return [[dataDic objectForKey:[_titleArray objectAtIndex:section]] count];    }    else{return 0;}}